<a>
Misol
W3Schools.com saytiga havola yarating:
<a href="https://www.w3schools.com">Visit W3Schools.com!</a>
O‘zingiz sinab ko‘ring »
Quyida ko‘proq "O‘zingiz sinab ko‘ring" misollari keltirilgan.
Ta’rif va qo‘llanilishi
<a> tegi bir sahifadan boshqasiga o‘tish uchun ishlatiladigan giperhavolani belgilaydi.
<a> elementining eng muhim atributi — havola manzilini ko‘rsatuvchi
href atributi.
Standart holatda barcha brauzerlarda havolalar quyidagicha ko‘rinadi:
- Ochilmagan havola tagiga chizilgan va ko‘k rangda bo‘ladi
- Ochilgan havola tagiga chizilgan va binafsha rangda bo‘ladi
- Faol havola tagiga chizilgan va qizil rangda bo‘ladi
Maslahatlar va eslatmalar
Maslahat: Agar <a> tegida
href atributi bo‘lmasa, u giperhavola uchun shunchaki joy egasi (placeholder) bo‘ladi.
Maslahat: Boshqa target (maqsad) ko‘rsatmasangiz, havola qilingan sahifa odatda joriy brauzer oynasida ochiladi.
Maslahat: Havolalarni bezash uchun CSS’dan foydalaning: CSS havolalar va CSS tugmalar.
Brauzerlarda qo‘llab-quvvatlash
| Element | |||||
|---|---|---|---|---|---|
| <a> | Ha | Ha | Ha | Ha | Ha |
Atributlar
| Atribut | Qiymat | Tavsif |
|---|---|---|
| download | filename | Foydalanuvchi giperhavolani bosganda havola manzili (target) yuklab olinishini belgilaydi |
| href | URL | Havola boradigan sahifaning URL manzilini belgilaydi |
| hreflang | language_code | Bog‘langan hujjat tilini belgilaydi |
| media | media_query | Bog‘langan hujjat qaysi media/qurilma uchun optimallashtirilganligini belgilaydi |
| ping | list_of_URLs | Havola bosilganda brauzer (fonda) tanasi ping bo‘lgan POST so‘rovlarini yuboradigan URL manzillarning bo‘sh joy bilan ajratilgan ro‘yxatini belgilaydi. Odatda kuzatuv (tracking) uchun ishlatiladi. |
| referrerpolicy | no-referrer no-referrer-when-downgrade origin origin-when-cross-origin same-origin strict-origin-when-cross-origin unsafe-url |
Havola bilan birga qaysi referrer ma’lumoti yuborilishini belgilaydi |
| rel | alternate author bookmark external help license next nofollow noreferrer noopener prev search tag |
Joriy hujjat va bog‘langan hujjat o‘rtasidagi munosabatni belgilaydi |
| target | _blank _parent _self _top |
Bog‘langan hujjat qayerda ochilishini belgilaydi |
| type | media_type | Bog‘langan hujjatning media turini belgilaydi |
Global atributlar
<a> tegi HTML’dagi global atributlarni ham qo‘llab-quvvatlaydi.
Hodisa atributlari
<a> tegi HTML’dagi hodisa atributlarini ham qo‘llab-quvvatlaydi.
Ko‘proq misollar
Misol
Rasmdan havola sifatida foydalanish:
<a href="https://www.w3schools.com">
<img border="0" alt="W3Schools" src="logo_w3s.gif" width="100" height="100">
</a>
O‘zingiz sinab ko‘ring »
Misol
Havolani yangi brauzer oynasida ochish:
<a href="https://www.w3schools.com" target="_blank">Visit W3Schools.com!</a>
O‘zingiz sinab ko‘ring »
Misol
Elektron pochta manziliga havola qilish:
<a href="mailto:someone@example.com">Send email</a>
O‘zingiz sinab ko‘ring »
Misol
Telefon raqamiga havola qilish:
<a href="tel:+4733378901">+47 333 78 901</a>
O‘zingiz sinab ko‘ring »
Misol
Shu sahifadagi boshqa bo‘limga havola qilish:
<a href="#section2">Go to Section 2</a>
O‘zingiz sinab ko‘ring »
Misol
JavaScript’ga havola qilish:
<a href="javascript:alert('Hello World!');">Execute JavaScript</a>
O‘zingiz sinab ko‘ring »
Tegishli sahifalar
HTML darsligi: HTML havolalar
HTML DOM ma’lumotnomasi: Anchor obyekti
CSS darsligi: Havolalarni bezash
Standart CSS sozlamalari
Ko‘pchilik brauzerlar <a> elementini quyidagi standart qiymatlar bilan ko‘rsatadi:
a:link, a:visited {
color: (internal value);
text-decoration: underline;
cursor: auto;
}
a:link:active, a:visited:active {
color: (internal value);
}
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!