آموزش html – لینک ها در html

در این مطلب قصد داریم تا طریقه ایجاد لینک ها در html و صفات لینک ها را آموزش دهیم.

لینک ها

لینک آدرس یک سند یا یک منبع در وب می باشد. وب سایت ها از صفحه وب هایی تشکیل شده اند که به یکدیگر ارتباط دارند. در html به این ارتباط ها لینک می کویند. در html ما هم می توانیم متن و هم عکس را به صفحه ای لینک دهیم که در ادامه به آن می پردازیم.

طریقه لینک کردن متن

html از برچسب <a> و </a> برای ساخت یک پیوند یا لینک استفاده می کند. مانند :

<a href="https://www.2sweb.ir" > طراحی سایت توس وب </a>

خروجی : طراحی سایت توس وب

طریقه لینک کردن عکس

<a href="https://www.2sweb.ir" > <img src="2sweb.jpg"/> </a>

در هنگام ساختن یک لینک باید مکانی که پیوند به آن اشاره می کند را مشخص کرد. برای نمایش آدرس وب سایت یا سند از صفت href استفاده می کنیم. مانند بالا

دو نوع آدرس دهی می توان در href تعیین کرد :

آدرس مطلق

این نوع آدرس دهی، معمولا لینک به سایتی دیگر است. مانند :

<a href="https://www.2sweb.ir" > طراحی سایت توس وب </a>

آدرس نسبی

این نوع آدرس دهی، معمولا لینک به صفحاتی است که در سایت خودتان قرار دارد. مانند :

<a href="index.htm">Home</a>

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

<a href="#links" > لینک ها در وب </a>
.
.
.
.
<a name="links"> لینک ها در وب </a>
در این مطلب قصد داریم تا لینک ها در html و صفات لینک ها را آموزش دهیم.

در کد بالا، می بینید که کاربر با کلیک بر روی لینک ها در وب به قسمتی از همان صفحه هدایت می شود که name در تگ دوم <a> با links بیان شده است.

این نوع آدرس دهی زمانی مناسب است، که وقتی سایت شما زیاد اسکرول می خورد و می خواهید کاربرانتان برای یافتن مطالب خود زیاد معطل نشوند.

صفت target

توسط target شما می توانید مشخص کنید که لینک شما کجا باز شود.

به عنوان مثال اگر بخواهیم طراحی سایت توس وب در صفحا ای جدا باز شود. از target=”_blank” استفاده می کنیم.

<a href="https://www.2sweb.ir" target="_blank"> طراحی سایت توس وب </a>

مقادیر مجاز برای target

مقدار	توضیح
_blank	لینک در یک پنجره/تب جدید باز می شود.
_self	لینک در فریم/در صفحه جاری باز می شود.
_parent	لینک در فریم والد باز می شود.
_top	لینک در همان صفحه باز می شود/خارج از فریم

صفت name

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

لینک به قسمتی از همین سند : مانند : ابتدای مطلب

لینک به قسمت مورد نظر از صفحه دیگر : دیدگاه نمونه طرح ها

html