MohirDox

Ko'rinishi

HTML Havolalar ​

Havolalar deyarli barcha veb sahifalarda uchraydi. Havolalar foydalanuvchilarga sahifadan sahifaga o'tishga imkon beradi.

HTML Havolalar - Gipermurojaatlar ​

HTML havolalari gipermurojaatlar hisoblanadi.

Siz havolani bosib boshqa hujjatga o'tishingiz mumkin.

Sichqoncha havola ustiga olib borilganda, kursor kichik qo'l shakliga o'zgaradi.

Eslatma

Havola faqat matn bo'lishi shart emas. Havola sifatida rasm yoki boshqa HTML elementlardan ham foydalanish mumkin!

HTML Havolalar - Sintaksis ​

HTML <a> tegi gipermurojaatni belgilaydi. Sintaksisi quyidagicha:

html
<a href="url">havola matni</a>

<a> elementining eng muhim atributi bu href atributi bo'lib, u havolaning manzilini ko'rsatadi.

Havola matni o'quvchiga ko'rinadigan qism hisoblanadi.

Havola matnini bosish orqali o'quvchi ko'rsatilgan URL manziliga o'tadi.

Misol ​

Quyidagi misolda W3Schools.com saytiga havola yaratilgan:

html
<a href="https://www.w3schools.com/">W3Schools.com saytiga tashrif buyuring!</a>

Odatiy holatda, havolalar barcha brauzerlarda quyidagicha ko'rinadi:

  • Ko'rilmagan havola ko'k va tagi chiziqli
  • Ko'rilgan havola binafsha va tagi chiziqli
  • Faol havola qizil va tagi chiziqli

Maslahat

Havolalarni CSS yordamida o'zgacha ko'rinishga keltirish mumkin!

HTML Havolalar - target Atributi ​

Odatiy holatda, havola bosilganda yangi sahifa joriy oynada ochiladi. Buni o'zgartirish uchun havola uchun boshqa target ko'rsatish kerak.

target atributi havola ochiladigan joyni belgilaydi.

target atributi quyidagi qiymatlarga ega bo'lishi mumkin:

  • _self - Odatiy. Hujjatni bir oynada/tabda ochadi
  • _blank - Hujjatni yangi oynada yoki tabda ochadi
  • _parent - Hujjatni parent freymda ochadi
  • _top - Hujjatni oynaning to'liq tanasida ochadi

Misol ​

Havolani yangi oynada yoki tabda ochish uchun target="_blank" dan foydalaning:

html
<a href="https://www.w3schools.com/" target="_blank">W3Schools saytiga tashrif buyuring!</a>

Mutlaq URL va Nisbiy URL ​

Yuqoridagi misollarda href atributida mutlaq URL (to'liq veb manzil) ishlatilgan.

Mahalliy havola (bir sayt ichidagi sahifaga havola) nisbiy URL (https://www qismi bo'lmagan) bilan belgilanadi:

Misol ​

html
<h2>Mutlaq URLlar</h2>
<p><a href="https://www.w3.org/">W3C</a></p>
<p><a href="https://www.google.com/">Google</a></p>

<h2>Nisbiy URLlar</h2>
<p><a href="html_images.md">HTML Rasmlar</a></p>
<p><a href="/css/default.md">CSS Darsligi</a></p>

HTML Havolalar - Rasmni Havola Sifatida Ishlatish ​

Rasmni havola sifatida ishlatish uchun <img> tegini <a> tegi ichiga joylashtiring:

Misol ​

html
<a href="default.md">
  <img src="smiley.gif" alt="HTML darsligi" style="width:42px;height:42px;">
</a>

Email Manzilga Havola ​

Foydalanuvchining email dasturini ochish uchun href atributida mailto: dan foydalaning:

Misol ​

html
<a href="mailto:someone@example.com">Email yuborish</a>

Tugmani Havola Sifatida Ishlatish ​

HTML tugmasini havola sifatida ishlatish uchun JavaScript kodidan foydalanish kerak.

JavaScript yordamida tugma bosilganda nima bo'lishini belgilash mumkin:

Misol ​

html
<button onclick="document.location='default.md'">HTML Darsligi</button>

Maslahat

JavaScript haqida ko'proq ma'lumotni JavaScript Darsligi bo'limidan oling.

Havola Sarlavhalari ​

title atributi element haqida qo'shimcha ma'lumot beradi. Bu ma'lumot odatda sichqoncha element ustiga olib borilganda ko'rsatiladi.

Misol ​

html
<a href="https://www.w3schools.com/html/" title="W3Schools HTML bo'limiga o'tish">HTML Darsligimizga tashrif buyuring</a>

Mutlaq URL va Nisbiy URL haqida Batafsil ​

Misol ​

To'liq URL yordamida veb sahifaga havola:

html
<a href="https://www.w3schools.com/html/default.md">HTML darsligi</a>

Misol ​

Saytning html papkasidagi sahifaga havola:

html
<a href="/html/default.md">HTML darsligi</a>

Misol ​

Joriy papkadagi sahifaga havola:

html
<a href="default.md">HTML darsligi</a>

Eslatma

Fayl yo'llari haqida ko'proq ma'lumotni HTML Fayl Yo'llari bo'limidan o'qishingiz mumkin.

Bob Yakuni ​

  • Havolani belgilash uchun <a> elementidan foydalaning
  • Havola manzilini belgilash uchun href atributidan foydalaning
  • Havola ochiladigan joyni belgilash uchun target atributidan foydalaning
  • Rasmni havola sifatida ishlatish uchun <img> elementini <a> ichiga joylashtiring
  • Email dasturini ochish uchun href atributida mailto: sxemasidan foydalaning

HTML Havola Teglari ​

TegTavsifi
<a>Gipermurojaatni belgilaydi

TIP

Barcha HTML teglar ro'yxatini HTML Teglar Ma'lumotnomasi sahifasidan topishingiz mumkin.