لینک در HTML

چاپ
1 1 1 1 1 1 1 1 1 1 میانگین امتیاز 5.00 (2 رای)

یکی از پرکاربردترین و مهمترین قسمت های یک وب سایت که باعث پویایی صفحات نیز می شود لینک می باشد . وب سایتی را در نظر بگیرید که برای ارتباط بین صفحات و محتوا هیچ لینکی ندارد ؟ چکاری باید انجام دهید تا به صفحات بعدی بروید . ساخت لینک در Html و نرم افزار دریم ویور بسیار کار ساده ای می باشد . اجازه بدهید اول انواع لینک را برای شما توضیح بدهم تا با نحوه و تگ آن بیشتر آشنا بشوید .

 

انواع لینک در html
لینک سراسری(Global Links): لینک هایی که به صفحات یک سایت دیگر اشاره دارند.
لینک محلی یا موضعی(Local Links): لینک هایی که به صفحات دیگر همان سایت اشاره می کند. یعنی از سایتی که در آن هستید خارج نمی شوند.
لینک داخلی (Internal Links): لینک هایی هستند که  به قسمتی همان صفحه ای که در آن هستید اشاره می کنند.

برای ساختن لینک کافی است از دستور <a>...</a> مخفف anchor استفاده کنیم. هر آنچه که بین </a>…<a>  قرار می گیرد به عنوان لینک شناخته می شود. برای اینکه مقصد لینک نیز مشخص شود از صفت href  مخفف "hypertext reference" استفاده می کنیم. توجه کنید بین دستور a هر المانی از جمله متن ، عکس و... می تواند قرار بگیرد و بعد از این کار با کلیک بر روی آن المان به پیوند مورد نظر منتقل خواهیم شد.

نحوه نوشتن کلی یک لینک به شکل زیر می باشد .

شکل کلی

<a href='url'>Link text</a>

 ایجاد لینک داخل محتوا در HTML

<html>
<head>
<title>عنوان صفحه</title>
</head>
<body>
<p>  <a href="http://gilanweb.ir/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A-%D8%B3%D8%A7%D9%8A%D8%AA/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A-%D8%B3%D8%A7%D9%8A%D8%AA-%D8%B4%D8%B1%D9%83%D8%AA%D9%8A.html">کامپیوتر</a> را در <a href='http://gilanweb.ir/'>گيلان وب </a> طراحي سايت شركتي و انواع فروشگاه اينترنتي </p>
</body>
</html>
استفاده از ویژگی _target برای تگ a
در صورتیکه بخواهیم لینک مورد نظر در یک صفحه جدید باز شود از این ویژگی به شکل زیر استفاده می کنیم .
<a href='http://gilanweb.ir/' target='_blank'>gilanweb!</a>

 استفاده از ویژگی Title برای تگ  a

با استفاده از این صفت وقتی ماوس بر روی پیوند مورد نظر قرار می گیرد متنی که در جلوی این صفت نوشته شده  ظاهر می شود.

<a href='http://gilanweb.ir/' target='_blank' title='طراحي سايت شخصي' <a href="http://gilanweb.ir/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A-%D8%B3%D8%A7%D9%8A%D8%AA/%D8%B7%D8%B1%D8%A7%D8%AD%D9%8A-%D8%B3%D8%A7%D9%8A%D8%AA-%D8%B4%D8%AE%D8%B5%D9%8A.html">طراحي سايت شخصي</a>'>gilanweb!</a>