Halimov Diyorbek

614-21 guruh talabasi Halimov Diyorbek

1. HTML5 veb-sahifalar tarkibini tuzish va formatlash uchun ishlatilishi mumkin bo'lgan ko'plab teglarni qo'llab-quvvatlaydi. Ko'p ishlatiladigan HTML5 teglarining ba'zi misollari quyidagilarni o'z ichiga oladi:
* ``: hujjat turi va foydalanilayotgan HTML versiyasini belgilaydi
* ``: HTML hujjatining ildiz elementini belgilaydi
* ``: sarlavha va tashqi uslublar jadvallari va skriptlarga havolalar kabi hujjat haqidagi metamaʼlumotlarni oʻz ichiga oladi
* ``: matn, tasvirlar va boshqa multimedia elementlari kabi hujjatning asosiy mazmunini o‘z ichiga oladi
* `

`: boshqa HTML elementlarini blok darajasidagi konteyner sifatida birlashtiradi
* `

-

`: turli darajadagi sarlavhalar va sarlavhalarni belgilaydi
* `
`: matnning paragrafini bildiradi
* ``: boshqa sahifa yoki manbaga giperhavola yaratadi
* ``: rasmni hujjatga joylashtiradi
* `

` va `
`: mos ravishda tartibsiz va tartiblangan roʻyxatlar yaratish
* `
1. `: roʻyxatda roʻyxat elementini yaratadi.
   Bu faqat bir nechta misollar. HTML5 da turli maqsadlar uchun koʻplab boshqa teglar mavjud.
   
   2.
   HTMLda izohlar teglari yordamida yoziladi. Ushbu ikkita teg orasidagi har qanday narsa brauzer tomonidan e'tiborga olinmaydi va veb-sahifada ko'rsatilmaydi. Bu boshqa ishlab chiquvchilar uchun HTML kodida eslatmalar yoki izohlar qoldirish yoki muammolarni bartaraf etish uchun foydali bo‘lishi mumkin.
   
   3.
   HTMLda rasmni veb-sahifaga joylashtirish uchun tegidan foydalanishingiz mumkin. Bu teg o'z-o'zidan yopiladigan tegdir, ya'ni u yopish tegini talab qilmaydi. Tasvirni ko'rsatish uchun tegidan qanday foydalanishga misol:
   
   Ushbu misolda src atributi tasvirning fayl yoʻlini belgilaydi. alt atributi tasvirning matnli tavsifini taqdim etadi, u qulaylik maqsadlarida foydalaniladi hamda qidiruv tizimlariga sahifa mazmunini tushunishga yordam beradi.
   4.
   HTMLda jadval teglari veb-sahifada jadvallar yaratish uchun ishlatiladi. Quyida eng ko'p ishlatiladigan jadval teglari keltirilgan:
   ``: Bu teg jadval yaratish uchun ishlatiladi va boshqa barcha jadval teglarini oʻz ichiga oladi.
   : Bu teg jadval ichida qator yaratish uchun ishlatiladi va bir yoki bir nechta

   yoki	teglar. `	`: Bu teg jadval sarlavhasi qatori katakchasini yaratish uchun ishlatiladi va odatda jadvalning birinchi qatorida ishlatiladi.	: Bu teg qator ichida standart jadval katakchasini yaratish uchun ishlatiladi. Mana bu jadval teglaridan ikki qator va ikkita ustunli oddiy jadval yaratish uchun qanday foydalanishga misol: Column 1 Column 2 Row 1, Cell 1 Row 1, Cell 2 Row 2, Cell 1 Row 2, Cell 2 Ushbu misolda jadval yaratish uchun tegi, qatorlarni yaratish uchun teglari, < Sarlavha kataklarini yaratish uchun ;th> teglari, oddiy katakchalarni yaratish uchun esa teglari ishlatiladi. Jadval ikki qator va ikkita ustundan iborat. 5. Element selektori: paragraflar uchun `p` yoki sarlavhalar uchun `h1` kabi ma'lum turdagi barcha elementlarni nishonga oladi. Sinf selektori: sinf nomidan oldin . bilan belgilangan, ma'lum bir sinf nomiga ega barcha elementlarni nishonga oladi, masalan, .my-class. ID selektori: ID nomidan oldin `#` belgisi bilan belgilangan noyob ID atributiga ega muayyan elementni nishonga oladi, masalan, `#my-id`. Atribut selektori: example.com saytiga ishora qiluvchi barcha havolalar uchun a[href="https://example.com"] kabi belgilangan atributga ega barcha elementlarni nishonga oladi. Nasl selektori: tartiblanmagan roʻyxatlar ichidagi barcha roʻyxat elementlari uchun `ul li` kabi boshqa elementning avlodlari boʻlgan elementlarni nishonga oladi. Bola tanlovchi: boshqa elementning bevosita bolalari bo'lgan elementlarni nishonga oladi, masalan, ul > li tartibsiz roʻyxatlarning bevosita bolalari boʻlgan barcha roʻyxat elementlari uchun. Qoʻshni birodar selektori: sarlavhadan keyingi birinchi xatboshi uchun `h1 + p` kabi boshqa elementdan keyingi elementni maqsad qiladi. Umumiy birodar selektori: sarlavhadan keyin keladigan barcha paragraflar uchun h1 ~ p kabi boshqa elementdan keyin keladigan barcha elementlarni nishonga oladi. 6. HTML elementiga CSS sinfini belgilash ushbu elementga maxsus uslublarni qo'llash usulidir. Siz elementga sinfni class atributidan foydalanib belgilashingiz mumkin, masalan: This paragraph has a class of "my-class". Keyin, CSS uslublar jadvalida siz ushbu sinfga yoʻnaltirishingiz va unga shunday uslublarni qoʻllashingiz mumkin: .my-class { color: blue; font-size: 16px; } Ushbu misolda "mening sinfim" sinfiga ega har qanday element ko'k rangli matnga va 16 pikselli shrift o'lchamiga ega bo'ladi. Ularning barchasiga bir xil uslublarni qo'llash uchun bir xil sinfni bir nechta elementlarga belgilashingiz mumkin. Bundan tashqari, class atributidagi sinf nomlarini boʻsh joydan ajratib, elementga bir nechta sinflarni belgilashingiz mumkin, masalan: This paragraph has two classes. Bu bir elementga bir nechta sinflarning uslublarini qoʻllash imkonini beradi.