html常用标签详解2-图片标签详解

<img />

1、图片标签的属性

图片标签属于行内块元素，它自身的属性有一下几个，听我娓娓道来：

src:图片资源的路径(resourse)，可以使绝对路径，也可以是相对路径

　　绝对路径：从根目录出发的路径（本地：带盘符，互联网：http:/https:）

　　相对路径：有参照物的路径（./:当前文件所在的目录下；../:上一级目录）

title:鼠标(hover)移动到标签上显示的文字

alt:路径出现问题，找不到图片时显示的文字

width:图片显示在页面上的宽度

height:图片显示在页面上的高度

border:图片的边框

2、扩展

1》图片标签为行内块元素，可以设置宽高，一般我们只设置宽高其中之一，另一个自动

2》图片如果需要跳转时，我们会用a标签嵌套在img标签外

3》图片和文字在一行时需要对其显示：img{vertical-align:middle;}

4》去掉图片底部默认的3px缝隙

　　1。 vertical-align:top;

　　2。display:block;