لینک‌ها برای اتصال صفحات، فایل‌ها، ایمیل، شماره تلفن و حتی بخش‌های داخلی یک صفحه استفاده می‌شن.

📌 ساخت لینک در HTML

ساختار پایه:

<a href="https://example.com">این یک لینک است</a>

📌 انواع لینک‌ها

1) لینک به سایت یا صفحه خارجی

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

🔹 ویژگی target="_blank" باعث میشه لینک در تب جدید باز بشه.

2) لینک به صفحه داخلی سایت

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

3) لینک به بخش خاصی از همان صفحه (Anchor Link)

ابتدا یک شناسه (id) تعریف می‌کنیم:

<h2 id="section1">بخش اول</h2>

سپس لینک به اون بخش:

<a href="#section1">برو به بخش اول</a>

4) لینک به ایمیل یا شماره تلفن

<a href="mailto:info@example.com">ارسال ایمیل</a>
<a href="tel:+989123456789">تماس تلفنی</a>

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

لینک‌ها در CSS چند حالت دارن:

• a:link → حالت عادی

• a:visited → وقتی کاربر لینک رو باز کرده

• a:hover → وقتی ماوس روش میره

• a:active → وقتی کلیک میشه

مثال:

a:link {
  color: blue;
  text-decoration: none; /* خط زیر متن رو حذف می‌کنه */
}

a:visited {
  color: purple;
}

a:hover {
  color: coral;
  text-decoration: underline;
}

a:active {
  color: red;
}

✅ نکته مهم: بهتره برای لینک‌های منو یا دکمه‌ها، به جای متن ساده، از CSS یا کلاس‌ها استفاده کنیم تا ظاهر زیباتری داشته باشن.