画像にリンクを複数作成する画像にリンクを複数作成する1枚の画像に、リンクを複数作成する方法です。この方法を『イメージマップ』や『クリッカブルマップ』と呼びます。(以下『イメージマップ』)おそらく一番見かけるイメージマップはYAHOOJapanの一番上のロゴとその左右の会員情報などの部分です。(04年5月現在)sample下記の1枚の画像内の各図形をクリック↓すると新しいウィンドウが開きます。name>,<area>イメージマップを作成するには、一枚の画像に複数リンクを作成します。全体構造は下記の様になります。←画像全体のリンクを付けない</map>座標は、全体画像の左上の座標をゼロ『0,0』として、そこからの距離を『x座標,y座標』としてピクセルで表します。画像全体にはリンクを付けない<<サンプルの座標位置は下記の通りです。>>★に関しては、最上部から時計回りに座標を取ってます。それぞれの座標は下記になります。topページ上部に使用しているイメージはどうなっているのでしょうか?下記にその使用内容を説明します。この画像に対し下記↓の四角で塗りつぶしである部分に対してリンクを使用してます。文字でのリンクと思っていたロゴ左右の部分も画像である事が分かります。スタイルシートでは、リンクした時の表示方法などの変更が可能です。▲スポンサードリンク無料メール情報誌ワンランクUP講座ホームページのスタイルをワンランクアップ!基本調整や特選方法、さらにはインターネットの話題までメールマガジンでお届けします。スタイルブック全体レイアウトを実際のサイト事例を使用し、詳細までを解説。スタイルシートの使い方のバリエーションを知る事ができる1冊。Windows版Webデザインに最適な新しいインタフェイスを備え、Webグラフィックをより簡単・効率的に制作することができます。本ページのW3Cでの記述検証結果は下記をクリックすると見れます。