HTML atributlari
HTML atributlari HTML elementlari haqida qo‘shimcha ma’lumot beradi.
HTML atributlari
- Barcha HTML elementlari atributlarga ega bo‘lishi mumkin
- Atributlar elementlar haqida qo‘shimcha ma’lumot beradi
- Atributlar doim boshlanish tegida ko‘rsatiladi
- Atributlar odatda nom/qiymat juftliklaridan keladi: nom="qiymat"
href atributi
<a> tegi gipermurojaatni (hyperlink) belgilaydi.
href atributi havola boradigan sahifaning URL manzilini belgilaydi:
Havolalar haqida bizning HTML havolalar bobimizda ko‘proq o‘rganasiz.
src atributi
<img> tegi HTML sahifaga rasm joylashtirish uchun ishlatiladi. src atributi
ko‘rsatiladigan rasmga yo‘lni belgilaydi:
src atributida URL manzilni belgilashning ikkita usuli mavjud:
1. Absolyut URL - Boshqa veb-saytda joylashgan tashqi rasimga havola qiladi. Misol: src="https://www.w3schools.com/images/img_girl.jpg".
Eslatmalar: Tashqi rasmlar mualliflik huquqi ostida bo‘lishi mumkin. Agar undan foydalanishga ruxsat olmasangiz, mualliflik huquqi qonunlarini buzgan bo‘lishingiz mumkin. Bundan tashqari, tashqi rasmlarni boshqara olmaysiz; u to‘satdan o‘chirilishi yoki o‘zgartirilishi mumkin.
2. Nisbiy URL - Sayt ichida joylashgan rasmga havola qiladi. Bunda URL domenni o‘z ichiga olmaydi. Agar URL slash belgisiz boshlansa, u joriy sahifaga nisbiy bo‘ladi. Misol: src="img_girl.jpg". Agar URL slash belgisi bilan boshlansa, u domenga nisbiy bo‘ladi. Misol: src="/images/img_girl.jpg".
Maslahat: deyarli har doim nisbiy URL manzillaridan foydalanish ma’qul. Domenni o‘zgartirsangiz ham, ular ishlashda davom etadi.
width va height atributlari
<img> tegida rasmning kengligi va balandligini piksellarda belgilaydigan width va height atributlari ham bo‘lishi kerak:
alt atributi
<img> tegi uchun majburiy bo‘lgan alt atributi,
agar rasm biror sababga ko‘ra ko‘rsatilmasa, rasm uchun muqobil matn belgilaydi.
Bu sekin ulanish, src atributidagi xatolik yoki foydalanuvchi ekran o‘quvchisidan foydalanishi sababli bo‘lishi mumkin.
Misol
Mavjud bo‘lmagan rasmni ko‘rsatishga urinsak, nima bo‘lishini ko‘ring:
<img src="img_typo.jpg" alt="Girl with a jacket">
O‘zingiz sinab ko‘ring »
Rasmlar haqida HTML rasmlari bobimizda batafsil bilib olasiz.
style atributi
style atributi elementga uslub qo‘shish uchun ishlatiladi, masalan: rang, shrift, o‘lcham va boshqalar.
Uslublar haqida bizning HTML uslublar bobimizda ko‘proq o‘rganasiz.
lang atributi
Siz doim <html> tegi ichida lang atributini
kiritishingiz kerak, veb-sahifa tilini e’lon qilish uchun. Bu qidiruv tizimlari va brauzerlarga yordam berish uchun mo‘ljallangan.
Quyidagi misol til sifatida ingliz tilini belgilaydi:
<!DOCTYPE html>
<html lang="en">
<body>
...
</body>
</html>
lang atributida til kodiga mamlakat kodlari ham qo‘shilishi mumkin. Shunday qilib, birinchi ikki belgi HTML sahifaning tilini belgilaydi, oxirgi ikki belgi esa mamlakatni belgilaydi.
Quyidagi misol til sifatida ingliz tilini va mamlakat sifatida Amerika Qo‘shma Shtatlarini belgilaydi:
<!DOCTYPE html>
<html lang="en-US">
<body>
...
</body>
</html>
Barcha til kodlarini bizning HTML til kodlari referansimizda ko‘rishingiz mumkin.
title atributi
title atributi element haqida ba’zi qo‘shimcha
ma’lumotlarni belgilaydi.
Title atributining qiymati element ustiga sichqonchani olib borganingizda tooltip sifatida ko‘rsatiladi:
Tavsiyamiz: atributlarni doim kichik harflarda yozing
HTML standarti atribut nomlarining kichik harflarda bo‘lishini talab qilmaydi.
Title atributi (va boshqa barcha atributlar) katta yoki kichik harflar bilan yozilishi mumkin, masalan Sarlavha yoki Sarlavha.
Biroq, W3C HTML da atributlarning kichik harflarda yozilishini tavsiya qiladi va XHTML kabi qat’iyroq hujjat turlari uchun atributlarning kichik harflarda bo‘lishini talab qiladi.
W3Schools da biz doim kichik harfdagi atribut nomlaridan foydalanamiz.
Tavsiyamiz: atribut qiymatlarini doim qo‘shtirnoqqa oling
HTML standarti atribut qiymatlari atrofida qo‘shtirnoq bo‘lishini talab qilmaydi.
Biroq, W3C HTML da qo‘shtirnoqdan foydalanishni tavsiya qiladi va XHTML kabi qat’iyroq hujjat turlari uchun qo‘shtirnoqni talab qiladi.
Good:
<a href="/html">Visit our HTML tutorial</a>Bad:
<a href=https://www.w3schools.com/html/>Visit our HTML tutorial</a>Ba’zan qo‘shtirnoqdan foydalanishingiz shart. Bu misol title atributini to‘g‘ri ko‘rsatmaydi, chunki u bo‘sh joy (probel) o‘z ichiga oladi:
W3Schools da biz doim atribut qiymatlari atrofida qo‘shtirnoqdan foydalanamiz.
Bitta yoki qo‘sh tirnoq?
Atribut qiymatlari atrofidagi qo‘shtirnoqlar HTML da eng ko‘p ishlatiladi, lekin bitta qo‘shtirnoqdan ham foydalanish mumkin.
Ba’zi holatlarda, atribut qiymatining o‘zi qo‘shtirnoqni o‘z ichiga olganda, bitta qo‘shtirnoqdan foydalanish kerak:
<p title='John "ShotGun" Nelson'>
Yoki aksincha:
<p title="John 'ShotGun' Nelson">
O‘zingiz sinab ko‘ring »
Bob xulosasi
- Barcha HTML elementlari atributlarga ega bo‘lishi mumkin
<a>ninghrefatributi havola boradigan sahifaning URL manzilini belgilaydi<img>teginingsrcatributi ko‘rsatiladigan rasmga yo‘lni belgilaydi<img>ningwidthvaheightatributlari rasmlar haqida o‘lcham ma’lumotlarini beradi<img>teginingaltatributi rasm uchun muqobil matnni belgilaydistyleatributi elementga uslub qo‘shish uchun ishlatiladi, masalan rang, shrift, o‘lcham va boshqalar<html>tegininglangatributi veb-sahifa tilini e’lon qiladititleatributi element haqida ba’zi qo‘shimcha ma’lumotlarni belgilaydi
HTML atributlari ma’lumotnomasi
Har bir HTML elementining barcha atributlarining to‘liq ro‘yxati bizning: HTML atributlar referansimizda keltirilgan.
Video: HTML atributlari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!