Html研究
気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

 1枚の画像に複数のリンクを貼る


一枚の画像の中に複数のリンクを貼る方法があるそうです。
下の画像は一枚の写真ですが、丸や三角、四角又多角形にそれぞれリンクを入れてあります。











タグは以下の通りです。
ーーーーーーーーーーーーーーーーーーーーーーーー
<IMG src="talink.jpg" width="400" height="300" border="1" usemap="#mapID"><BR>
<MAP name="mapID">
<AREA shape="poly" coords="197,9,382,106,350,142" href="http://www.yahoo.co.jp/" title="三角-Yahoo!">
<AREA shape="poly" coords="171,199,245,125,353,176,341,253,243,292" href="http://blog.fc2.com/" title="五角形-FC2ブログ">
<AREA shape="rect" coords="38,185,142,271" href="http://blog2.fc2.com/dreamy/" title="四角形-MyBlog">
<AREA shape="circle" coords="86,88,62" href="http://www.google.co.jp/" title="円-Google"></MAP>
ーーーーーーーーーーーーーーーーーーーーーーーー
形が円の時は
・cirle:円の中心のx座標, y座標, 円の半径
四角の時
・rect:四角形の左上のx座標, y座標, 四角形の右下のx座標, y座標
多角形の時
・poly:多角形のすべての点のx座標, y座標を交互に記述

ということでやってみました。面白かったです。
街の地図などに適していますね。



【2008/06/04 17:22】 html | トラックバック(0) |
コメント(0)

comment
投稿













管理者にだけ表示を許可する




trackback
trackback url ↓
http://dreamy.blog2.fc2.com/tb.php/104-52122a81



| ホーム |
ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

author_name=Dreamy/album

気に入った事はとことんやってしまいます。
ほどほどにしたいものデス。ヾ(´▽`*)ゝ
recent comment

最新の記事

月別アーカイブ

recent trackback

ブログ内検索

RSSフィード

*最新記事のRSS
*最新コメントのRSS
*最新トラックバックのRSS

TB_People

カレンダー

05 | 2021/06 | 07
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 - - -

ブロとも一覧

ブロとも申請フォーム

この人とブロともになる

リンク

Template production /preview