HTMLطراحی سایتگوناگون

۷-لینک ها در HTML

تا قبل از این آموزش قطعا شما کاربران عزیز با واژه ی لینک ها در گذشته آشنا بوده وهستید،لینک ها در تمامی صفحات وب موجود میباشند که برای جابجایی از صفحه ای به صفحی دیگر استفاده میشود.

 

 

یک link یک کلمه یا گروهی از کلمات یا عکس می باشد که شما می توانید با کلیک کردن روی آن به سند جدید یا بخشی از همان سند بروید.
هنگامی که شما موس را روی یک لینک در یک صفحه وب می برید، نشانگر به شکل یک دست کوچک در می آید.لینک ها در HTML با تگ <a> مشخص می شوند.

روش های استفاده از تگ <a> :

۱-برای ایجاد لینک به سندی دیگر، با استفاده از خصوصیت href
۲-برای ایجاد یک پیوند به دورن همان صفحه (bookmark)، با استفاده از خصوصیت name

 

نحوه نوشتن لینک در HTML:

 

  • خصوصیت href مقصدو هدف یک لینک را مشخص میکند.
  • با کلیک روی لینک بالا، کاربر به صفحه اصلی سایت teachweb ارجاع داده می شود.
  • نکته: Link text الزاما یک متن نیست. می تواند یک عکس یا هر عنصر دیگر HTML باشد.

 

مثال :

 

 


 

خصوصیت target

 

  • خصوصیت target بیان میکند که صفحه لینک شده چگونه باز شود.

 

مثال زیر صفحه لینک باز شده را در یک پنجره جدید نشان میدهد:

 

 


خصوصیت name یا (id)

 

با تنظیم یک نام منحصر به فرد برای یک عنصر با استفاده از خصوصیت name یا id، می توانید در CSS یا JavaScript به آن دسترسی داشته باشید.

البته از خصوصیت name یا id برای ایجاد یک bookmark یا پیوند به درون همان صفحه نیز می توان استفاده نمود.

نکته: استاندارد HTML5 خصوصیت id را بجای name برای تعیین اسم برای یک محل مشخص پیشنهاد می دهد.

 

 

مثال: تنظیم خصوصیت Name برای تگ <a> در سند HTML:

ایجاد یک لینک به محل مشخصی درون صفحه جاری:

یا، ایجاد یک لینک به محل مشخصی در صفحه ای دیگر:


 

 

نکته : اگر میخواهید یک فولدر در یک سایت آدرس دهی نمایید، همیشه به انتهای آدرس یک slash اضافه نمایید:

https://teachweb.ir/html

 


 

مثال هایی که شامل نکات اساسی هستند :

  • در قطعه کد های زیر نکات اساسی بیان شده است که شما کاربران عزیز در جهت یادگیری بهتر باید این قطعه کد هارو در ادیتور خود پیاده سازی وادیت کنید.

 

 

نحوه ایجاد یک عکس به عنوان لینک:

بیرون آمدن از یک فریم:

ایمیل کردن یک متن با کمک لینک:

 


 

ایجاد لینک داخل همون صفحه

 


 

بخش بعدی

بقش قبلی

به این پست امتیاز دهید.
برچسب ها
مشاهده بیشتر

رضااسدزاده

رضااسدزاده هستم مهندس نرم افزار علاقه مند به فضای وب از تاریخ 12شهریور سال96 سایت تیچ وب رو راه اندازی کردیم با هدف گسترش اطلاعات نرم افزاری و زبان های برنامه نویسی . امیدوارم با حمایت شما دوستان بتونیم به این هدف بزرگ دست پیدا کنیم.

نوشته های مشابه

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

بستن