一、<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