Создание карты изображения HTML
Измените код и нажмите здесь
Ваш результат (
Некоторые примеры не работают в браузере Google Chrome
):
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> </head> <body style="font-family:Arial, Helvetica, sans-serif;color:#3c3c3c;"> <p>Щелкните на одной из планет, чтобы посмотреть её ближе:</p> <img src="/images/353915main_image_1377_428-321.gif" alt="Planets" width="350" height="263" usemap="#planetmap"> <map id="planetmap" name="planetmap"> <area shape="rect" coords="203,104,343,241" alt="Sun" title="sun" href="http://xhtml.co.il/tryit/sun.html"> <area shape="circle" coords="92,98,56" alt="Mercury" title="Mercury" href="http://xhtml.co.il/tryit/mercury.html"> </map> <p><b>Примечание:</b> Атрибут "usemap" в элементе img относится к "id" или "name" (в зависимости от браузера), поэтому мы добавили как "id" так и "name" в элементе карты. </p> </body> </html>
Измените указанный выше код и нажмите на кнопку, чтобы увидеть результат
www.xhtml.co.il
- Попробуйте сами
