لینک‌ها (پیوندها)، بخش جدایی ناپذیر هر صفحه وب هستند. با اضافه کردن لینک به متن یا تصاویر می‌توان کاربر را قادر ساخت که روی آنها کلیک کرده و به فایل یا صفحه‌ی وب دیگری هدایت شود.
در HTML لینک‌ها با استفاده از تگ <a> تعریف می‌شوند و از ویژگی href برای مشخص کردن آدرس لینک استفاده می‌شود:
<a href=""></a>⚠️ برای لینک دادن یک تصویر به سند دیگر، می‌توانید به سادگی تگ <img> را در تگ‌های <a> قرار دهید.
در مثال زیر، لینکی به وب سایت Sokanacademy داده شده است:
<a href="https://sokanacademy.com/">
Learn Programming
</a>
نتیجه این کد به صورت زیر نمایش داده می‌شود:
با کلیک بر روی "Learn Programming" به www. sokanacademy.com هدایت می‌شوید.
ویژگی target
ویژگی target مشخص می‌کند که سند لینک شده کجا باز شود:
- مقدار پیش فرض این ویژگی، self_ است که سند را در همان پنجره یا تبی (tab) باز می‌کند که روی آن کلیک شده است.
- و مقدار blank_ ، لینک را در یک پنجره یا تب جدید باز می‌کند.
<a href="http://www.sokanacademy.com" target="_blank">
Learn Playing
</a>
⚠️ به طور پیش فرض، لینک‌ها در همه مرورگرها به صورت زیر ظاهر می شوند:
- لینک بازدید نشده، زیر خط دار (underlined) و آبی رنگ است.
- لینک بازدید شده، زیر خط دار و بنفش رنگ است.
- یک لینک فعال، زیر خط دار و قرمز رنگ است.