Computer: Makeuper: HTML: Ex01: Difference between revisions
Jump to navigation
Jump to search
No edit summary |
No edit summary |
||
Line 9: | Line 9: | ||
[[Image:Html_usemap_01.PNG]] | [[Image:Html_usemap_01.PNG]] | ||
- - - - - - - - - - - - - - - - - | |||
<font color="green"><pre><nowiki> | <font color="green"><pre><nowiki> | ||
<body> | <body> | ||
Line 38: | Line 38: | ||
</body> | </body> | ||
</nowiki></pre></font> | </nowiki></pre></font> | ||
- - - - - - - - - - - - - - - - - | |||
http://home.pchome.com.tw/young/kouyu/winiAlienHacker/pub/test/html_usemap_00.html | http://home.pchome.com.tw/young/kouyu/winiAlienHacker/pub/test/html_usemap_00.html |
Revision as of 14:53, 29 July 2004
回到 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