1.图片元素<img>和<map>的联用
使用<a>、<img>、<map>元素,实现点击图片上的某个区域跳转链接功能: 文件目录: 1 <! DOCTYPE html > 2 < html lang ="en" > 3 < head > 4 < meta charset ="UTF-8" > 5 < meta name ="viewport" content ="width=device-width, initial-scale=1.0" > 6 < title > Document </ title > 7 </ head > 8 < body > 9 <!-- 一个超链接中放一张图片,点击图片,则跳转到太阳系简介 10 点击图片特定区域,跳转到相关页面 --> 11 < a href ="https://baike.baidu.com/item/%E5%A4%AA%E9%98%B3%E7%B3%BB/173281?fr=aladdin" > 12 <!-- img元素,usemap要写上map元素的name,加上# --> 13 < img usemap ="#solarMap" src ="./image/solar.jpg" alt ="太阳系图片" > 14 </ a > 15 < map name ="solarMap" > 16 <!-- shape形状,coords坐标 --> 17 <!--