CloseTag | الشروحات | HTML Introduction | مقدمة في لغة ال HTML | خرائط الصور في لغة HTML | HTML Image Maps

<!DOCTYPE html>
<html>
<body>

<h2>Image Maps</h2>
<p>Click on the croissant to go to a new page and read more about the topic:</p>

<img src="/images/frenchfood4.jpg" alt="French Food" usemap="#image-map">

<map name="#image-map">
  <area  target="_blank" alt="Croissant2jpg" title="croissant" href="/images/croissant2jpg.jpg"
  coords="140,121,181,116,204,160,204,222,191,270,140,329,85,355,58,352,37,322,40,259,103,161,128,147"  shape="poly">
</map>

</body>
</html>

Image Maps

Click on the croissant to go to a new page and read more about the topic: