سرخط خبرها

تگ لینک در HTML

تگ لینک در HTML

شما می توانید در HTML نویسی به هر المان ساده ای از صفحه ، یک لینک نسبت دهید. این لینک، چند ویژگی دارد که مختصراً به آنها خواهیم پرداخت. زمانی که یک بخش از کد های خودتون رو لینک بدید، یعنی اگر کاربر روی اون بخش از المان ها کلیک کنه ، به آدرس مورد نظر شما که در تگ لینک دهی معرفی میشه، ارجاع داده میشه. این ارجاع ویژگی های خودش رو داره.

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

مثلاً می تونه در صفحه جدید باز بشه ، در تب جدید باز بشه و غیره که در ادامه ذکر خواهد شد.

در حالت کلی ، در HTML نویسی، یک لینک ۴ حالت دارد :

اول ) لینک هنوز کلیک نشده و صفحه ی لینک شده در تگ لینک هم توسط کاربر بازدید نشده و ماوس هم روی آن نرفته. این لینک با “زیرخط” نمایش داده میشه و رنگ پیشفرض آن آبی است.

دوم ) ماوس روی المان لینک شده قرار داده میشه ، اصطلاحاً Hover میشه. در این حالت، نشانگر ماوس شما به شکل دست خواهد شد. رنگ لینک تغییر نخواهد کرد و لینک همچنان توسط کاربر مشاهده نشده است.

سوم ) ماوس در حال کلیک روی لینک هست . در این حالت ، رنگ لینک قرمز میشه.

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

نکته : رنگ های ارائه شده برای لینک که در بالا عرض شد، حالت پیشفرض هستند و برای تغییر آنها باید از کدنویسی CSS کمک گرفت و به رنگ های دلخواه تغییرشان داد که در این بخش بررسی نمی شود .

 

ساختار لینک در HTML

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

ساختار کلی و ساده تگ لینک در HTML به این صورت است :

خاصیت href مشخص می کند که لینک قرار است به چه آدرسی متصل شود.

<ahref=”url”>Link text</a>

مثال :

<ahref=”http://www.jizjiz.ir/”>Visit JizJiz.Ir website! </a>

 نتیجه : 

خروجی مثال بالا به این صورت می شود: 

 Visit JizJiz.Ir website!

زمانی که بر روی لینک بالا کلیک می کنید، به صفحه اصلی سایت jizjiz.ir منتقل می شوید.

نکته: به جای متن لینک می توانید از عکس و یا از عناصر دیگر HTML هم استفاده کنید.

مثال :

<html>
<head>
</head><body><a href=”http://www.google.com”>google</a>

</body>
</html>

نتیجه :

ویژگی target :

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

مثال :

<ahref=”http://jizjiz.ir”target=”_blank”>Click here</a>

 

نکات بخش تگ لینک در HTML:

تگ لینک ، باید باز و بسته شود و اگر بسته نشود، تا آخر کد های HTML شما را لینک می کند !

– مهم ترین بخشی که در تگ لینک دهی HTML مورد استفاده قرار می گیرد ، ویژگی href آن است.

شما برای تگ لینک یک سری ویژگی ها می توانید تعیین کنید. که از جمله آنها href است.

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

– هر ویژگی ، باید اول نام آن نوشته شود. سپس علامت = گذاشته شده و مقدار مورد نظر برای ویژگی ، داخل ” ” قرار گیرد.

در مثال بالا، ما برای تگ لینک ، ویژگی href رو معرفی کردیم و برای مقدار دهی به ویژگی href لینک مون، آدرس سایت رو دادیم.

– href به اشاره به آدرس صفحه ی لینک شده اشاره می کنه. یعنی جایی که شما قصد دارید کاربر وقتی روی اون کلیک کرد ، وارد صفحه مورد نظر بشه.

– ساختار ذکر شده مهم هست و باید برای تمام ویژگی هایی که در آینده هم ذکر می کنیم رعایت بشه.

– دقت کنید که در استفاده از ویژگی href باید حتماً صفحه مورد نظر رو با http یا هر پروتکلی که میخواهید لینک کنید ، شروع کنید.

– هر چیزی که میخواهید لینک بشه ، باید بین تگ a قرار داده بشه. یعنی مثلاً در مثال بالا ، ما متن “Visit Jizjiz website!” را لینک کردیم به آدرس مورد نظر مون . شما می تونید در بین تگ a هر المان ساده ای رو لینک کنید. مثلاً این المان ساده ، می تونه تگ پاراگراف باشه یا عکس یا هرچیزی که از نظر ساختار صفحه امکان لینک شدن اون وجود داشته باشه.

– نکته : تمامی کد تگ هایی که در HTML تا اینجا آموزش دادیم ، باید با حروف کوچک انگلیسی نوشته شوند.

ویژگی href تا اینجا بیان شد . اکنون به سایر ویژگی های مهم برای تگ لینک در HTML می پردازیم.

 

QR Code For: تگ لینک در HTML

درباره ی jizjiz

پاسخ دهید

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

Time limit is exhausted. Please reload CAPTCHA.