تگ Map , Area
تگ Map
در این بخش از آموزش Html ، تگ 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>
منبع: sitedesign-co.com
سایر مقالات مرتبط :
- برد هوشمند چیست؟ + نحوه استفاده از وایت برد هوشمند
- راهنمای خرید عمده لوازم جانبی کامپیوتر
- افزایش سرعت سایت های شلوغ
- معرفی دستگاه ماینر واتس ماینر Whatsminer M32 68Th
- وب سرور چیست؛ هر آنچه باید از وب سرور بدانید!
- روش کار با php unit test
- برنامه نویسی اندروید و همه چیز درباره آن
- بهترین مدل مانتو شلوار اداری برای مصاحبه شغلی
- آفر ویژه تورتایلند 7شب را در لحظه آخر ببینید
- آشنایی با بهترین نرم افزار CRM
- بررسی بروکرهای کارگزاریهای آلپاری فارکس و فیبوگروپ
- نکات کاربردی در مورد طراحی ویلا