بستن منو
۷۷
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با HTML
مباحث اولیه برای آشنایی با HTML
24
نمایش متن، در HTML
نمایش متن، در HTML
5
نمایش عکس، در HTML
نمایش عکس، در HTML
6
لینک ها (Link)، در HTML
لینک ها (Link)، در HTML
1
لیست ها (List)، در HTML
لیست ها (List)، در HTML
1
جدول ها (Table)، در HTML
جدول ها (Table)، در HTML
2
فرم ها (Form)، در HTML
فرم ها (Form)، در HTML
17
تعیین مشخصات کلی صفحه، در HTML
تعیین مشخصات کلی صفحه، در HTML
5
عناصر گرافیکی، در HTML
عناصر گرافیکی، در HTML
1
دکمه ها (Button)، در HTML
دکمه ها (Button)، در HTML
2
پخش صدا (Audio)، در HTML
پخش صدا (Audio)، در HTML
1
کار با کیبورد (Keyboard)، در HTML
کار با کیبورد (Keyboard)، در HTML
2
مباحث عمومی، در HTML
مباحث عمومی، در 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
مجموعه ویدئوهای آموزشی HTML5 - مجموعه HTML5 Tutorial - از thenewboston.com
53
مجموعه ویدئوهای آموزشی XHTML و CSS - مجموعه XHTML and CSS Tutorials - از thenewboston.com
مجموعه ویدئوهای آموزشی XHTML و CSS - مجموعه XHTML and CSS Tutorials - از thenewboston.com
46
مجموعه ویدئوهای آموزشی HTML - مجموعه HTML Tutorials
مجموعه ویدئوهای آموزشی HTML - مجموعه HTML Tutorials
28
مجموعه ویدئوهای آموزشی HTML و CSS - مجموعه Learn HTML/CSS
مجموعه ویدئوهای آموزشی HTML و CSS - مجموعه Learn HTML/CSS
19
مجموعه ویدئوهای آموزشی HTML5 و CSS3 برای مبتدیان - مجموعه HTML5 and CSS3 beginners tutorials
مجموعه ویدئوهای آموزشی HTML5 و CSS3 برای مبتدیان - مجموعه HTML5 and CSS3 beginners tutorials
51
بستن منو
۵۸
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مباحث اولیه برای آشنایی با CSS
مباحث اولیه برای آشنایی با CSS
7
نمایش متن، در CSS
نمایش متن، در CSS
13
ساخت حاشیه (border)، در CSS
ساخت حاشیه (border)، در CSS
4
عکس ها، در CSS
عکس ها، در CSS
5
تعیین اندازه و موقعیت عنصرها، در CSS
تعیین اندازه و موقعیت عنصرها، در CSS
4
تغییر شکل عنصرها، در CSS
تغییر شکل عنصرها، در CSS
3
ساخت انیمیشن، در CSS
ساخت انیمیشن، در CSS
6
لینک ها (links)، در CSS
لینک ها (links)، در CSS
5
رنگ ها، در CSS
رنگ ها، در CSS
1
دکمه ها (Button)، در CSS
دکمه ها (Button)، در CSS
2
مباحث عمومی، در CSS
مباحث عمومی، در CSS
8
بستن منو
۱۹
تعداد کلیدهای این موضوع
لیست همه کلیدهای این موضوع
مفاهیم اولیه در طراحی وب سایت
مفاهیم اولیه در طراحی وب سایت
2
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
توسعه وب سایت (ساخت بخش ها و امکانات جدید برای وب سایت)
4
کار با کنترل پنل وب سایت
کار با کنترل پنل وب سایت
1
معرفی سایت های مفید در زمینه طراحی وب سایت
معرفی سایت های مفید در زمینه طراحی وب سایت
1
یافتن کد رنگ ها برای طراحی وب سایت
یافتن کد رنگ ها برای طراحی وب سایت
2
نرم افزار FileZilla
نرم افزار FileZilla
1
فایل htaccess ، در طراحی وب سایت
فایل htaccess ، در طراحی وب سایت
3
ارسال ایمیل، در طراحی وب سایت
ارسال ایمیل، در طراحی وب سایت
1
مباحث عمومی، در طراحی وب سایت
مباحث عمومی، در طراحی وب سایت
4