站内搜索:
首页 >> 前端 >> 内容
HTML教程:修改图片大小对齐间隔边框属性

时间:2013/1/19 12:59:16

图像标记:<img>

在页面中插入图像,我们需要使用"img"标记,它的属性是"src"

例如代码:

<img src="test.jpg"> 

结论:

HTML教程:修改图片大小对齐间隔边框属性

 

在这里我们假设图像文件和html文件在相同的目录中。

同样我们可以给出图像文件的完整路径。

例如:

<img src="C:\images\test.jpg"> 

宽度和高度:

通过使用属性中的宽度和高度来校正在网页中显示图像的大小。

例如代码:

<img src="test.jpg" width=100 height=100> 

结论:

 

HTML教程:修改图片大小对齐间隔边框属性

对齐:

我们可以使用属性中的"align"来对齐图像。

把属性值设置成:left/right/center

例如代码:

<img src="test.jpg" align=left> <img src="test.jpg" align=right alt="html教程"> 

结论:

HTML教程:修改图片大小对齐间隔边框属性

 

边框:

我们可以使用属性中的"border"来设置图像周围的边框。这可以用于创建在图像周围的空间。

例如代码:

<img src="test.jpg" border=4> 

结论:

HTML教程:修改图片大小对齐间隔边框属性

  • 上一篇:html中textarea的使用及常见的一个问题解决
  • 下一篇:html中设置超出部分自动显示滚动条
  • 返回顶部