img标签总结

一、<img>标签

img标签用于在网页中嵌入一副图像

A．src属性:规定显示图像的url

<img src=”demo.jpg”/>

B．alt属性：规定图像不能正常显示时的替代文本

alt属性推荐写上去,这样即使图像无法显示，用户可以知道丢失了什么东西

<img src=”demo.jpg” alt=”此图无法正常显示”/>

C．height属性：定义图像的高度

D．width属性：定义图像的宽度

<img src=”demo.jpg” alt=”此图无法正常显示” height=”200” width=”200”/>

E．title属性：鼠标悬停在图片上时显示的文本

<img src=”demo.jpg” alt=”此图无法正常显示” title=”这是图片”/>

F．ismap属性：将图像定义为服务器端图像映射。

图像映射指的是带有可点击区域的图像。当点击图像映射时，点击的坐标会以URL查询字符串的形式发送到服务器。

当img属于带有有效href属性的a元素的后代时，才允许ismap属性。

<a href=””><img src=”demo.jpg” alt=”此图无法正常显示” ismap=”ismap” /></a>

G．usemap属性：将图像定义为客户端图像映射

usemap属性与map元素的name或id属性相关联，以建立img与map之间的关系。usemap属性需要与map标签和area标签配合使用

<img src=”demo.jpg” alt=”此图无法正常显示” usemap=”image”/>

<map name=”image”>

<area shape=”circle” coords=”80,80,50” href=”http://www.baidu.com”/>

</map>

H．hspace属性：设置图像左右的空白

相当于使用css的margin-left和margin-right

I．vspace属性：设置图像上下的空白

相当于使用CSS的margin-top和margin-bottom

J．border属性：规定图像周围边框的宽度

K．align属性：规定如何根据周围的文本来排列图像

1.left

2.right

3.middle

4.top

5.bottom