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;

 

posted @ 2019-02-22 07:31  DHR~小白  阅读(386)  评论(0编辑  收藏  举报