📄 maparea.html
字号:
<HTML>
<HEAD>
<TITLE> Image Mapping Sample </TITLE>
</HEAD>
<BODY>
<P><IMG SRC="../../images/html_tutorials/solarsys.gif" WIDTH=504 HEIGHT=126 BORDER=0 ALT="Solar System" USEMAP="#SystemMap">
<MAP NAME="SystemMap">
<AREA SHAPE="rect" COORDS="0,0,82,126" HREF="../../images/html_tutorials/sun.gif" alt="sun">
<AREA SHAPE="circle" COORDS="90,58,3" HREF="../../images/html_tutorials/merglobe.gif" alt="mercury">
<AREA SHAPE="circle" COORDS="124,58,8" HREF="../../images/html_tutorials/venglobe.gif" alt="venus">
<AREA SHAPE="circle" COORDS="162,58,10" HREF="../../images/html_tutorials/earglobe.gif" alt="earth">
<AREA SHAPE="circle" COORDS="203,58,8" HREF="../../images/html_tutorials/marglobe.gif" alt="mars">
<AREA SHAPE="poly" COORDS="221,34,238,37,257,32,278,44,284,60,281,75,288,91,267,87,253,89,237,81,229,64,228,54" HREF="../../images/html_tutorials/jupglobe.gif" alt="jupiter">
<AREA SHAPE="poly" COORDS="288,19,316,39,330,37,348,47,351,66,349,74,367,105,337,85,324,85,307,77,303,60,307,50" HREF="../../images/html_tutorials/satglobe.gif" alt="saturn">
<AREA SHAPE="poly" COORDS="405,39,408,50,411,57,410,71,404,78,393,80,383,86,381,75,376,69,376,56,380,48,393,44" HREF="../../images/html_tutorials/uraglobe.gif" alt="uranus">
<AREA SHAPE="poly" COORDS="445,38,434,49,431,53,427,62,430,72,435,77,445,92,456,77,463,72,463,62,462,53,455,47" HREF="../../images/html_tutorials/nepglobe.gif" alt="neptune">
<AREA SHAPE="circle" COORDS="479,66,3" HREF="../../images/html_tutorials/pluglobe.gif" alt="pluto">
</MAP>
</BODY>
</HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -