html+css+javascript前端基础知识复习

最新推荐文章于 2025-04-27 09:04:46 发布

原创最新推荐文章于 2025-04-27 09:04:46 发布 · 251 阅读

0 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

7 篇文章

订阅专栏

本文详细介绍了如何使用HTML创建图像映射，通过定义不同形状的热点区域，如矩形和圆形，链接到不同的网页，实现交互式的图像导航。示例中展示了太阳系各行星的图像映射，点击太阳或行星即可跳转至相应的页面。

一。创建图像映射

菜鸟教程(runoob.com)

<p>点击太阳或其他行星，注意变化：</p>

<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,82,126" alt="Sun" href="sun.htm">
  <area shape="circle" coords="90,58,3" alt="Mercury" href="mercur.htm">
  <area shape="circle" coords="124,58,8" alt="Venus" href="venus.htm">
</map>

</body>
</html>