با استفاده از تگ <map> میتوان یک نقشه در صفحه html ایجاد کرد. در داخل تگ <map> تگ دیگری به نام <area> وجود دارد. کارآیی این تگ این است که موقعیت هر مکان را نشان میدهد. تگ area دارای شناسه shape و coords است. شناسه shape مسئول مشخص کردن نوع آن استان یا کشور است. و دارای چند خصوصیت به نامهای rect(چهارضلعی)، circle(دایره)، poly(چند ضلعی) است. شناسه coords که مقدار عددی موقعیت را نشان میدهد (برای بدست آوردن طول و عرض یک عکس از برنامه هایی مانند Photoshop و یا Paint کمک بگیرید).
<html>
<head>
<title>
<map>
<area /></title>
</head>
<body>
<map name=”iran_map” id=”iran_map”>
<area shape=”poly” coords=”228,4, 130,5, 55,5, 40,10, 25,20, 10,20, 1,22, 0,50, 1,85, 50,100, 70,105, 110,125, 105,100, 140,103, 165,105, 178,100, 200,60, 220,60, 215,40, 230,25″
alt=”تهران ” href=”r.html” />
<area shape=”poly” coords=”140,140, 140,125, 105,103, 107,122, 112,130, 134,103,160,105, 123,133, “
alt=”قم ” href=”C.html” />
</map>
<img src=”iran_map.bmp” usemap=”#iran_map” />
</body>
</html>
خروجی:
خوب شما می بینید که در پایان ما یک تگ <img/> هم استفاده کردیم در تگ <img/> ما یک شناسه استفاده کردیم که اگه این شناسه نبود، تصویر به صورت map دیده نمیشد. پس همیشه شناسه id را در تگ map استفاده کنید تا usemap بتواند نقشه رابخواند.
شناسه ID: کارایی این شناسه در Css است که برای مشخص کرد این شناسه از # استفاده می کنند.
0 دیدگاه