图像热区超链接练习
发表在HTML/CSS图书答疑
2019-03-14 悬赏:1 学分
是否精华
是
否
版块置顶:
是
否
<!DOCTYPE html> <html> <head> <!-- 指定当前页面的编码格式 --> <meta charset="utf-8" /> <!-- 设置当前页面的标题 --> <title>星球热区图像</title> </head> <body> 点击图像上的星球,把它们放大<br/> <!-- 定义映射图像 --> <img src="images/ty.png" usemap="ty" alt="太阳"/> <!-- 对映射图像热区进行链接添加 --> <map name="ty"> <!-- 矩形rect、圆形circle、多边形poly --> <!-- 对太阳这一区域图像进行链接添加(使用矩形rect,坐标以顺时针方向:左,上,右,下) --> <area shape="rect" coords="0,0,112,261" href="images/ty_link.png" target="_blank" /> <!-- 对木星这一区域图像进行链接添加(使用圆形circle,坐标使用center-x、center-y、半径值:中心-x、中心-y、半径) --> <area shape="circle" coords="130,162,9" href="images/mx_link.png" target="_blank" /> <!-- 对火星这一区图图像进行链接添加(使用圆形circle,坐标使用center-x、center-y、半径值:中心-x、中心-y、半径) --> <area shape="circle" coords="180,143,15" href="images/hx_link.png" target="_blank" /> </map </body> </html>