HTML <a>

<a> (giperhavola)** — internetning eng muhim tegi. Aynan havolalar sahifalarni bir-biriga bog’lab, butun vebni yagona to’rga aylantiradi. <a> tegi foydalanuvchini boshqa sahifaga, faylga yoki hatto sahifaning boshqa qismiga olib o’tadi.

<a> (anchor) — giperhavola yaratadigan teg. Uning href atributi havola qayerga olib borishini belgilaydi.

Oddiy havola

Havola <a> tegi va href atributi bilan yaratiladi:

<a href="https://uzbekdevs.uz">UzbekDevs saytiga o'tish</a>

UzbekDevs saytiga o'tish

href (hypertext reference) — havolaning manzilini bildiradi. <a> va </a> orasidagi matn foydalanuvchi bosadigan, ko’rinadigan qism. Brauzerda u odatda ko’k va tagi chizilgan bo’lib ko’rinadi.

<a> atributlari

<a> tegining muhim atributlarini jadvalda ko’ramiz:

Yangi oynada ochish

target="_blank" atributi havolani yangi brauzer oynasida (yoki tabda) ochadi:

<a href="https://uzbekdevs.uz" target="_blank">Yangi oynada ochish</a>

Yangi oynada ochish

Bu, ayniqsa, foydalanuvchini o’z saytingizdan chiqarib yubormaslik uchun tashqi havolalarda foydali. Bosilganda sayt yangi tabda ochiladi, joriy sahifa esa ochiq qoladi.

Ichki va tashqi havolalar

Havolalar ikki xil bo’ladi. Tashqi havola to’liq manzilga (https://...), ichki havola esa loyihaning boshqa fayliga ishora qiladi:

<a href="https://uzbekdevs.uz">Tashqi sayt</a>
<a href="about.html">Ichki sahifa</a>
<a href="#pastga">Shu sahifaning bir qismiga</a>

Tashqi sayt
Ichki sahifa
Shu sahifaning bir qismiga

about.html — o’sha papkadagi boshqa fayl, #pastga esa shu sahifadagi id="pastga" bo’lgan elementga sakraydi. Bu uch xil havola veb-navigatsiyaning asosini tashkil qiladi.

Xulosa

Bu bo’limda <a> giperhavola tegini, href atributini, target="_blank" bilan yangi oynada ochishni va ichki/tashqi havolalarni ko’rib chiqdik. Havolalar — vebni yagona to’rga bog’lovchi ip. Keyingi darsda <address> tegiga o’tamiz.