# HTML bo'limi — test

> HTML tuzilishi, matn, havola, rasm, ro'yxat, jadval, forma va semantik elementlar bo'yicha 15 ta interaktiv nazorat savoli.

Manba: https://learncode.uz/html-css/html-quiz/
Sana: 2026-05-20

## 1. `title` va `h1` bir xil vazifani bajaradimi?

- Ha, ikkalasi ekrandagi sarlavha
- **Yo'q: title metadata, h1 asosiy mazmun sarlavhasi** (to'g'ri)
- Faqat title accessibility uchun
- Faqat h1 brauzer yorlig'i uchun

`title` brauzer yorlig'i va metadata uchun, `h1` esa sahifa mazmuni uchun.

Takrorlash: https://learncode.uz/html-css/html-tuzilishi/

## 2. Nega `lang="uz"` yoziladi?

- Faqat Google rangini tanlaydi
- **Sahifa tilini brauzer, qidiruv va screen readerga bildiradi** (to'g'ri)
- CSS tilini o'zgartiradi
- Tarjimani avtomatik yoqadi

Til atributi talaffuz va tilga bog'liq qayta ishlashga yordam beradi.

Takrorlash: https://learncode.uz/html-css/html-tuzilishi/

## 3. Matn katta ko'rinsin deb `h2` tanlash to'g'rimi?

- Ha, barcha katta matn h2
- **Yo'q, heading mazmun iyerarxiyasi bilan tanlanadi** (to'g'ri)
- Faqat mobil ekranda
- Faqat h1dan keyin

Ko'rinishni CSS, sarlavha darajasini esa mazmun belgilaydi.

Takrorlash: https://learncode.uz/html-css/sarlavha-paragraf/

## 4. `strong` va `b`ning asosiy farqi nima?

- Farqi yo'q
- **`strong` muhimlik, `b` vizual e'tibor bildiradi** (to'g'ri)
- `b` faqat sarlavhada
- `strong` faqat qizil rangda

`strong` semantik muhimlik beradi; `b` odatda e'tiborni tortadi.

Takrorlash: https://learncode.uz/html-css/matn-formatlash/

## 5. Sahifa ichidagi bo'limga havola qanday ishlaydi?

- `href="/aloqa"`
- **Maqsadga id, havolaga `href="#id"`** (to'g'ri)
- Faqat JavaScript bilan
- `target="_self"` bilan

Fragment havolasi sahifadagi noyob `id`ga murojaat qiladi.

Takrorlash: https://learncode.uz/html-css/havola-rasm/

## 6. Qaysi rasmga `alt=""` beriladi?

- Barcha rasmlarga
- Faqat katta rasmlarga
- **Mazmun qo'shmaydigan dekorativ rasmga** (to'g'ri)
- Hech qaysisiga

Dekorativ rasm screen reader oqimini takroriy ma'lumot bilan to'ldirmaydi.

Takrorlash: https://learncode.uz/html-css/havola-rasm/

## 7. Retsept qadamlari uchun qaysi ro'yxat mos?

- `ul`
- **`ol`** (to'g'ri)
- `dl`
- `table`

Qadamlar tartibi natijaga ta'sir qilsa `ol` ishlatiladi.

Takrorlash: https://learncode.uz/html-css/royxatlar/

## 8. `th scope="col"` nimani bildiradi?

- Katak yashirin
- **Katak ustun sarlavhasi** (to'g'ri)
- Ikki ustun birlashgan
- Faqat qalin matn

Scope jadval sarlavhasini tegishli kataklar bilan bog'laydi.

Takrorlash: https://learncode.uz/html-css/jadvallar/

## 9. Ikki katakni gorizontal birlashtirish uchun nima ishlatiladi?

- `rowspan="2"`
- **`colspan="2"`** (to'g'ri)
- `scope="2"`
- `merge="2"`

`colspan` ustunlar bo'ylab, `rowspan` qatorlar bo'ylab birlashtiradi.

Takrorlash: https://learncode.uz/html-css/jadvallar/

## 10. Label input bilan qanday bog'lanadi?

- Bir xil class bilan
- **`label for` va input `id` qiymati bilan** (to'g'ri)
- Faqat placeholder bilan
- Faqat name bilan

`for` qiymati inputning `id`iga teng bo'lishi kerak.

Takrorlash: https://learncode.uz/html-css/forma-asoslari/

## 11. Inputda `id` bor, `name` yo'q. Nima bo'ladi?

- Forma odatdagidek yuboradi
- **Label ishlaydi, lekin qiymat forma yuborilishiga kirmaydi** (to'g'ri)
- Input ishlamaydi
- Brauzer xato beradi

`name` serverga yuboriladigan nom-qiymat juftligi uchun kerak.

Takrorlash: https://learncode.uz/html-css/forma-elementlari/

## 12. Radio tugmalar bitta guruh bo'lishi uchun nima umumiy bo'ladi?

- id
- **name** (to'g'ri)
- value
- placeholder

Bir xil `name` radio variantlarni o'zaro istisno qiladi.

Takrorlash: https://learncode.uz/html-css/forma-elementlari/

## 13. `article` va `section`ni qanday ajratasiz?

- Har doim bir xil
- **Article mustaqil mazmun, section mavzuviy bo'lim** (to'g'ri)
- Section faqat footerdagi teg
- Article faqat blog rasmi

Article alohida tarqatilganda ham tushunarli bo'lishi mumkin.

Takrorlash: https://learncode.uz/html-css/semantik-teglar/

## 14. Bosiladigan `div` o'rniga nima ishlatiladi?

- Har doim span
- **Amal uchun button, navigatsiya uchun a** (to'g'ri)
- Faqat divga tabindex
- Faqat JavaScript

Tabiiy elementlar semantika va klaviatura xatti-harakatini tayyor beradi.

Takrorlash: https://learncode.uz/html-css/semantik-teglar/

## 15. Sahifa ko'rinishi to'g'ri bo'lsa, HTML ham albatta to'g'rimi?

- Ha
- **Yo'q, brauzer ayrim xatolarni yashirib ko'rsatadi** (to'g'ri)
- Faqat CSS bo'lsa
- Faqat Chrome'da

Semantika va valid tuzilmani alohida tekshirish kerak.

Takrorlash: https://learncode.uz/html-css/html-malumotnoma/