您现在的位置:首页 >> 前端 >> 内容

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

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

  核心提示:图像标记:img在页面中插入图像,我们需要使用img标记,它的属性是src例如代码:img src=test.jpg结论:在这里我们假设图像文件和html文件在相同的目录中。同样我们可以给出图像文件的...
图像标记:<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教程:修改图片大小对齐间隔边框属性

Tags:HT TM ML L教 
作者:网络 来源:不详