لینک‌ها (پیوندها)، بخش جدایی ناپذیر هر صفحه وب هستند. با اضافه کردن لینک به متن یا تصاویر می‌توان کاربر را قادر ساخت که روی آنها کلیک کرده و به فایل یا صفحه‌ی وب دیگری هدایت شود.

در HTML لینک‌ها با استفاده از تگ <a> تعریف می‌شوند و از ویژگی href برای مشخص کردن آدرس لینک استفاده می‌شود:

<a href=""></a>

⚠️ برای لینک دادن یک تصویر به سند دیگر، می‌توانید به سادگی تگ <img> را در تگ‌های <a> قرار دهید.

در مثال زیر، لینکی به وب سایت Sokanacademy داده شده است:

<a href="https://sokanacademy.com/">
    Learn Programming
</a>

نتیجه‌ این کد به صورت زیر نمایش داده می‌شود:

Learn Programming

با کلیک بر روی "Learn Programming" به www. sokanacademy.com هدایت می‌شوید.

ویژگی target

ویژگی target مشخص می‌کند که سند لینک شده کجا باز شود:

مقدار پیش فرض این ویژگی، self_ است که سند را در همان پنجره یا تبی (tab) باز می‌کند که روی آن کلیک شده است.
و مقدار blank_ ، لینک را در یک پنجره یا تب جدید باز می‌کند.

<a href="http://www.sokanacademy.com" target="_blank">
    Learn Playing
</a>

⚠️ به طور پیش فرض، لینک‌ها در همه مرورگرها به صورت زیر ظاهر می شوند:

لینک بازدید نشده، زیر خط دار (underlined) و آبی رنگ است.
لینک بازدید شده، زیر خط دار و بنفش رنگ است.
یک لینک فعال، زیر خط دار و قرمز رنگ است.

لینک‌ها در HTML