یکی از پرکاربردترین و مهمترین قسمت های یک وب سایت که باعث پویایی صفحات نیز می شود لینک می باشد . وب سایتی را در نظر بگیرید که برای ارتباط بین صفحات و محتوا هیچ لینکی ندارد ؟ چکاری باید انجام دهید تا به صفحات بعدی بروید . ساخت لینک در 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>