ساخت لینک با عنصر a
لینک یا پیوند، یکی از مهمترین ابزارهای وب برای اتصال صفحات به یکدیگر است. هر لینک با عنصر <a> (مخفف anchor) و ویژگی href ساخته میشود.
basic-link.html
<a href="https://example.com">مشاهدهی سایت</a>
لینک مطلق در برابر لینک نسبی
لینک مطلق آدرس کامل یک صفحه در اینترنت را دارد (شامل https://) در حالی که لینک نسبی فقط مسیر یک فایل نسبت به فایل فعلی را مشخص میکند و برای اتصال صفحات داخلی یک سایت بهکار میرود.
relative-link.html
<a href="about.html">دربارهی ما</a> <a href="pages/contact.html">تماس با ما</a>
باز شدن لینک در تب جدید
با ویژگی target="_blank" میتوانید صفحهی مقصد را در یک تب جدید مرورگر باز کنید؛ بدون اینکه کاربر تب فعلی را از دست بدهد.
new-tab.html
<a href="https://example.com" target="_blank">باز شدن در تب جدید</a>
لینک به یک بخش از همان صفحه
با تعریف یک ویژگی id روی هر عنصر و اشاره به آن با علامت # در href، میتوانید کاربر را مستقیماً به بخش خاصی از همان صفحه ببرید.
anchor-link.html
<a href="#section2">برو به بخش دوم</a> ... <h2 id="section2">بخش دوم</h2>
نکته: بهطور پیشفرض، لینکهای بازدیدنشده آبی و زیرخطدار و لینکهای بازدیدشده بنفش هستند؛ این رنگها بهراحتی با CSS قابل تغییرند.