بستن منو
۵۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
24
نمایش متن در HTML
5
نمایش عکس در HTML
5
لیست ها در HTML
1
جدول ها در HTML
2
فرم ها در HTML
10
مباحث عمومی در HTML
10
×

دانلود فروشگاه اندروید کلیدستان

527

نویسنده

علیرضا گلمکانی ( admin )

شماره کلید
دسته کلید - دسته بندی

ساخت یک نقشه تصویری (image map)، در HTML

یک نقشه تصویری (image map)، عکسی می باشد که بخش های مختلف آن، به صورت لینک هستند و ما را به صفحات مختلفی از سایت هدایت می کنند.

برای یادگیری چگونگی ساخت یک نقشه تصویری (image map)، به مثال زیر توجه کنید :

مثال

ابتدا عکس را به طور معمولی، با تگ img ، تعریف می کنیم. تنها باید درون تگ img ، به map مورد نظرمان، ارجاع بدهیم. منظور از map ، تگ map ای هست که با یک نام، آن را مشخص کرده ایم. درون تگ map ، یک سری ناحیه تعریف می کنیم (با تگ area) و سپس برای هر ناحیه، یک صفحه مقصد مشخص شده است :


<html>
<head>
</head>

<body>

<img src="image.png" width="145" height="60" title="آموزش" usemap="#map">

<map name="map">
  <area shape="rect" coords="0,0,60,60" title="کلیدستان" href="http://www.kelidestan.com/index.php">
  <area shape="circle" coords="90,30,30" title="HTML آموزش" href="http://www.kelidestan.com/html/index.php">
</map>

</body>
</html>

درون هر تگ area ، باید با مشخصه shape ، تعیین کنیم که شکل ناحیه، به چه صورت باشد. در کد بالا، دو ناحیه تعریف کرده ایم، یکی به شکل مستطیل (rect مخفف rectangle ، به معنی مستطیل) می باشد و ناحیه دیگر، به شکل دایره (circle) است. دقت کنید که برای کل تصویر (درون تگ img) و همچنین برای دو ناحیه، عنوان های (title) متفاوتی مشخص کرده ایم تا با بردن موس بر روی نواحی مختلف، به راحتی بتوانید مرز آنها را تشخیص بدهید.

وقتی ناحیه را به شکل مستطیل (rect) انتخاب کنیم، باید مختصات نقاط ابتدا و انتهای ناحیه را برای مشخصه coords ، به صورت 4 عدد، مشخص کنیم. همچنین برای ناحیه به شکل دایره (circle)، باید سه عدد را برای مشخصه coords تعیین کنیم. دو عدد اول، مختصات x و y مرکز دایره می باشد و عدد سوم، اندازه شعاع دایره است.

نتیجه :

Result

کپی برداری از محتوای سایت کلیدستان، ممنوع بوده و پیگرد قانونی دارد. (تنها استفاده شخصی کاربر، مجاز است) (کپی برداری توسط سایر وب سایت ها = حرام) (بیشتر بدانید)

خوانده شد
مبحث بالا، مفید بود و سایت کلیدستان را دوست داشتم :
محبوب کردن این مبحث در گوگل :
اون چیزی که میخواستم نبود :
سوال دارم :
ارسال نظر :
نظرات 0 0 0

*** نظر بدهید

دسترسی سریع

×

شماره کلید


کلید
×

شماره دسته کلید


دسته کلید
×

جستجو


جستجو

راهنمای تگ های HTML

راهنمای تگ های HTML بر اساس حرف اول تگ :

A B C D E F G H I J K L M N O P Q R S T U V W X Y Z

بستن منو
۱۹۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مجموعه ویدئوهای آموزشی HTML5 - مجموعه HTML5 Tutorial - از thenewboston.com
53
مجموعه ویدئوهای آموزشی XHTML و CSS - مجموعه XHTML and CSS Tutorials - از thenewboston.com
46
مجموعه ویدئوهای آموزشی HTML - مجموعه HTML Tutorials
28
مجموعه ویدئوهای آموزشی HTML و CSS - مجموعه Learn HTML/CSS
19
مجموعه ویدئوهای آموزشی HTML5 و CSS3 برای مبتدیان - مجموعه HTML5 and CSS3 beginners tutorials
51
بستن منو
۴۲
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
7
نمایش متن در CSS
7
ساخت حاشیه (border) در CSS
4
عکس ها در CSS
2
ساخت انیمیشن در CSS
6
لینک ها (links) در CSS
5
رنگ ها در CSS
1
مباحث عمومی در CSS
10
بستن منو
۱۵
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مفاهیم اولیه در طراحی وب سایت
2
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
3
کار با کنترل پنل سایت
1
معرفی سایت های مفید در زمینه طراحی سایت
1
یافتن کد رنگ ها برای طراحی سایت
2
نرم افزار FileZilla
1
ارسال ایمیل، در طراحی سایت
1
مباحث عمومی در طراحی سایت
4

آخرین کلیدهای غیررایگان

شما هم می توانید کلیدهای غیررایگان منتشر کنید (بیشتر بدانید)