تگ 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
سایر مقالات مرتبط :
- نکاتی برای خرید ایمیل شرکتی و ایرانی
- بهترین برندهای تلویزیون هوشمند کدامند؟
- اهمیت سیگنال رایگان ارز دیجیتال فیوچرز در ترید
- آشنایی با بهترین قالب های چند منظوره در وردپرس
- استفاده از گوگل ادز در ایران چگونه و چطور؟
- خرید سرور خارج از کشور از سرودیتا
- بهترین سئوکار خانم در ایران ❤️ | بهترین سئوکار خانم ایران
- قوی ترین باتری گوشی های سامسونگ و شیائومی در سال 2023
- سرور HP چیست؛ ۴ دلیل برای استفاده از آن
- با بهترین هاستینگ طراحان وب شمالغرب کشور آشنا شوید
- خلاقیت در تولید محتوا | جدیدترین متدهای افزایش خلاقیت محتوا ۲۰۲۳
- فروش مفتول گالوانیزه، سیم آرماتوربندی، سیم خاردار و فنس در فروشگاه اینترنتی حصارآنلاین