Computer: Makeuper: HTML: Ex01

回到 Computer ‧ 回到 Computer: Makeuper ‧ 回到 Computer: Makeuper: HTML

主題：指定圖片某一區域連向某處的語法

- - - - - - - - - - - - - - - - -

<body>

<P><OBJECT data="html_usemap_01.PNG" type="image/png" usemap="#map1">
   <P>This is a navigation bar.
   </OBJECT>

<MAP name="map1">
 <AREA href="html_usemap_01.html" 
          alt="Access Guide" 
          shape="rect" 
          coords="141,40,252,116">
 <AREA href="html_usemap_01.html" 
          alt="Search" 
          shape="rect" 
          coords="0,0,0,0">
 <AREA href="html_usemap_01.html" 
          alt="Go" 
          shape="circle"
          coords="0,0,0,0">
 <AREA href="html_usemap_01.html" 
          alt="Top Ten" 
          shape="poly" 
          coords="189,297,143,342,229,337">
</MAP>

</body>

- - - - - - - - - - - - - - - - -

http://home.pchome.com.tw/young/kouyu/winiAlienHacker/pub/test/html_usemap_00.html

因為太懶了，所以只有上面的方形跟下面的三角形有用而已。

大致上數字的指定應該是這樣子的規則。

coords=" 141,40, 252,116 " (x,y) = (141,40) = (252,116)

還可以用成三角形的這樣，只要指定三個點的位置就好了。

不規則形狀不清楚，不過似乎不能簡單地做出圓形的樣子。

http://www.w3.org/TR/html401/struct/objects.html#adef-usemap

Computer: Makeuper: HTML: Ex01

Navigation menu

Search