Havolalar
Havolalar deyarli barcha veb-sahifalarda mavjud. Havolalar foydalanuvchilarga havolani bosish orqali bir sahifadan boshqa sahifaga o'tish imkonini beradi.
Last updated
Havolalar deyarli barcha veb-sahifalarda mavjud. Havolalar foydalanuvchilarga havolani bosish orqali bir sahifadan boshqa sahifaga o'tish imkonini beradi.
Last updated
HTML havolalari giperhavolalardir
Siz havolani bosishingiz va boshqa sahifaga o'tishingiz mumkin.
Sichqonchani havola ustiga olib borganingizda, sichqoncha kursori kichik qo'lga aylanadi.
Eslatma: havola matn bo'lishi shart emas. Havola rasm yoki boshqa HTML elementi bo'lishi ham mumkin!
HTMLda <a> tegi giperhavolani ifodalaydi. Uning sintaksisi quyidagicha.
<a> elementining eng muhim atributi href atributi bo'lib, unga havolaning manzili kiritiladi.
Link text qismi esa foydalanuvchiga ko'rinadigan qismdir.
Havola matnini bosish foydalanuvchini kiritilgan URL manzilga o'tkazadi.
Standart tarzda, havolalar barcha brauzerlarda quyidagicha ko'rinadi:
Kirilmagan havola ranggi ko'k va tagida chizilgan
Kirilgan havola ranggi binafsha rang va tagida chizilgan
Havola ustiga bosilganda ranggi qizil va tagida chizilgan
Eslatma: Havolalar boshqacha ko'rinishda bo'lishi uchun albatta ularni CSS orqali o'zgartirishingiz mumkin!
Odatda, havolani bosganingizda u aynan siz turgan brauzer oynasida ochiladi. Buni o'zgartirish uchun havolaga target atributini berishingiz kerak.
target atributi havola sahifasi qayerda ochilshi kerakligini belgilab beradi.
target attributi quyidagi qiymatlardan biriga ega bo'lishi mumkin:
_self - Standart qiymat. Sahifani bosilgan oynada/tabda ochadi
_blank - Sahifani yangi oyna yoki yangi tabda ochadi
_parent - Sahifa asosiy ramkada ochiladi.
_top - Sahifa brauzer oynasining to'liq qismida ochiladi.
Yuqoridagi ikkala misolda ham href attributida absolute URL (to'liq manzil) ishlatilgan.
Lokal havola (xuddi shu veb-saytdagi sahifaga havola) relative URL bilan ko'rsatiladi ("https://www" qismisiz):
Rasmdan havola sifatida foydalanish uchun <img> tegni <i> tegining ichiga qo'yish kifoya:
Foydalanuvchining elektron pochta dasturini ochadigan havola yaratish uchun href atributining ichida mailto: dan foydalaning.
HTML tugmalaridan havola sifatida foydalanish uchun Javascriptga tegishli ba'zi kodlar qo'shishingiz kerak.
JavaScript tugmani bosish kabi hodisalarda nima sodir bo'lishini belgilash imkonini beradi:
title attributi element haqida qo'shimcha ma'lumotni bildiradi. Ma'lumot ko'pincha sichqonchani element ustida olib borganda tooltip sifatida ko'rsatiladi.
Boshqa Veb-saytga o'tkazish uchun to'liq URL manzilidan foydalanish:
Joriy veb-saytdagi html jildda joylashgan sahifaga havola yaratish:
Joriy sahifa bilan bir xil papkada joylashgan sahifani ulash:
Havola yratish uchun <a> elementidan foydalaning
Havola manzilini belgilashda href attributidan foydalaning
Havola sahifasi qayerda ochilishini belgilashda target attributidan foydalaning
Rasmdan havola sifatida foydalanish uchun (<a> ichida) <img> elementidan foydalaning
Foydalanuvchining pochta dasturini ochish uchn href attributi ichida mailto:dan foydalaning
| Teg | Tavsif |
|---|---|
<a>
Giperhavola yaratish
