در این بخش از آموزش HTML تگ Map را به شما آموزش می‌دهیم.

تگ Map

در تگ Map می‌توان یک نقشه تصویری در طراحی سایت ایجاد کرد. با استفاده از این تگ شما می‌توانید با کلیک روی هر قسمت از عکس با صفحه موردنظر ارتباط برقرار کنید. تگ Area در داخل تگ Map قرار می‌گیرد. با تعریف برای هر قسمت عکس شما می‌توانید به اطلاعات مورد نظر خود دست یابید.

برای این کار باید یک نقشه تصویری با نواحی مختلف قابل کلیک کردن ایجاد کنیم. پس از آن نقشه را به یک عکس روی صفحه پیوند می‌دهیم.

تگ Area

تگ Map شامل چند تگ Area می‌باشد که نقاط قابل کلیک روی نقشه را مشخص می‌کند.

مثال زیر در زمینه طراحی سایت کاربرد تگ Map و تگ Area را در آموزش HTML نشان می‌دهد.
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">

<map name="planetmap">

  
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun">

  
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury">

  
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus">

</map>