برای ایجاد پیوند (Link) در صفحات وب از تگ <a> (مخفف Anchor) استفاده می‌کنیم.

📌 ساختار کلی

<a href="URL">متن لینک</a>

• href : آدرس مقصد (می‌تواند یک وب‌سایت، یک فایل، یا بخشی از همان صفحه باشد).

• متن لینک : چیزی که کاربر روی آن کلیک می‌کند.

📍 مثال‌ها

1. لینک به یک سایت

<a href="https://www.google.com">رفتن به گوگل</a>

2. لینک به یک صفحه داخلی

<a href="about.html">صفحه درباره ما</a>

3. لینک باز شدن در تب جدید

<a href="https://www.example.com" target="_blank">باز شدن در تب جدید</a>

4. لینک به یک بخش از همان صفحه

<a href="#section1">رفتن به بخش ۱</a>

<h2 id="section1">بخش ۱</h2>

5. لینک به یک ایمیل

<a href="mailto:info@example.com">ارسال ایمیل</a>

6. لینک به شماره تماس

<a href="tel:+989123456789">تماس با ما</a>

🎨 استایل‌دهی به لینک‌ها با CSS

a {
  text-decoration: none; /* حذف خط زیر لینک */
  color: blue;           /* تغییر رنگ متن */
}

a:hover {
  color: red;            /* تغییر رنگ هنگام هاور */
}

📌 صفات (Attributes) مهم در لینک‌ها

• href → آدرس مقصد

• target="_blank" → باز شدن در تب جدید

• title → نمایش متن راهنما هنگام قرار گرفتن ماوس

• download → دانلود فایل به‌جای باز کردن آن

مثال:

<a href="file.pdf" download>دانلود PDF</a>