در این درس یاد گرفتیم که چطور با استفاده از ویژگیها (Attributes) به تگهای HTML معنا بدهیم و صفحات را به هم متصل کنیم.
🧩 تگ لینک (Anchor)
- تگ لینک در HTML به صورت
<a>نوشته میشود. - برای اینکه لینک کار کند، باید ویژگی href را به آن اضافه کنیم.
- ساختار کلی:
<a href="file-name.html">متن لینک</a>
📄 مثال عملی
صفحه اصلی (index.html)
<h1>به صفحه اصلی خوش آمدید</h1>
<p>دربارهی <a href="favorite-colors.html">رنگهای مورد علاقه</a> بیشتر بدونید.</p>
صفحه دوم (favorite-colors.html)
<h1>صفحه رنگهای مورد علاقه</h1>
<p>من بیشتر رنگهای سرد رو دوست دارم؛ مثل آبی، سبز و بعضی طیفهای بنفش.</p>
<a href="index.html">بازگشت به صفحه اصلی</a>
🧠 نکات کلیدی
- ویژگیها (Attributes) در HTML به صورت نام + مقدار نوشته میشوند.
- مثال:
href="index.html"
- مثال:
- ویژگی href به مرورگر میگوید مقصد لینک کجاست.
- لینکها بهصورت پیشفرض آبی و زیرخطدار نمایش داده میشوند.
- با این روش توانستیم یک وبسایت کوچک با دو صفحه بسازیم که کاربر میتواند بین آنها جابهجا شود.
🎯 جمعبندی
- بدون ویژگیها، تگها فقط ساختار دارند و معنای خاصی ندارند.
- ویژگیها هستند که به عناصر HTML قدرت و کاربرد میدهند.
- با استفاده از ویژگی href توانستیم صفحات را به هم لینک کنیم و اولین وبسایت چندصفحهای خودمان را بسازیم.