مبانی HTML · ۸ دقیقه مطالعه

لینک‌ها و مسیر فایل‌ها

لینک

<a href="https://arenaseclab.com">آرنا</a>

آدرس مطلق و نسبی

<a href="https://google.com">سایت دیگر (مطلق)</a>
<a href="about.html">همین سایت (نسبی)</a>
<a href="/courses/html">از ریشهٔ سایت</a>

مسیر فایل‌ها

  • img/logo.png → پوشهٔ img کنار همین فایل
  • ../logo.png → یک پوشه بالاتر
  • /img/logo.png → از ریشهٔ سایت

تب جدید (با نکتهٔ امنیتی)

<a href="..." target="_blank" rel="noopener">باز در تب جدید</a>

rel="noopener" جلوی دسترسی صفحهٔ مقصد به صفحهٔ تو را می‌گیرد — همیشه با _blank بگذار.

پرش داخل صفحه و لینک ایمیل/تلفن

<a href="#contact">تماس</a> ... <h2 id="contact">تماس</h2>
<a href="mailto:a@b.com">ایمیل</a>
<a href="tel:+98912...">تماس</a>

متن لینک گویا بنویس، نه «اینجا کلیک کنید» (برای کاربر و سئو بهتر است).

🧪

خودت امتحان کن

اجرا در مرورگرِ خودت — امن

کد را تغییر بده و «اجرا» را بزن. این کد فقط در مرورگر خودت اجرا می‌شود.

برای ثبت پیشرفت و کسب XP وارد شو.

ورود به میدان
→ متن: تیتر، پاراگراف، قالب‌بندی، نقل‌قول و کامنت
تصاویر و favicon ←