W3School TIY Editor
W3CSTUDY オンライン チュートリアル
方向を変更
ダーク モード
コードの実行
<html> <本文> <p>画像上の惑星をクリックして拡大してください。 </p> <img src="/i/eg_planets.jpg" border="0" usemap="#planetmap" alt="Planets" /> <map name="planetmap" id="planetmap"> <area shape="circle" coords="180,139,14" href ="/example/html/venus.html" target ="_blank" alt="Venus" /> <area shape="circle" coords="129,161,10" href ="/example/html/mercur.html" target ="_blank" alt="Mercury" /> <area shape="rect" coords="0,0,110,260" href ="/example/html/sun.html" target ="_blank" alt="Sun" /> </map> <p><b>コメント:</b> img 要素の「usemap」属性は、map 要素の「id」または「name」属性 (ブラウザに応じて) を参照するため、「id」も追加します。マップ要素と「name」属性に設定します。 </p> </body> </html>