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;