4-oy uchun 30 ta test va loyiha

4-oy test savollari va loyiha topshiriqlari

4-OY — HTML Advanced & Forms

Oy maqsadi

O‘quvchida:

  • HTML’ni chuqurroq tushunish
  • sahifani strukturali qurish
  • formalar orqali ma’lumot olish
  • real web sahifaga yaqinlashish

ko‘nikmalarini shakllantirish.

4-OY TEST SAVOLLARI (30 ta)

1. HTML Advanced nimani anglatadi?

A) CSS ishlatish

B) Murakkab HTML elementlar

C) JavaScript

D) Backend

Javob: B

2. <div> tegi vazifasi?

A) Matn yozish

B) Bloklash va guruhlash

C) Rasm qo‘yish

D) Havola yaratish

Javob: B

3. <span> tegi nima uchun?

A) Katta blok

B) Inline element

C) Rasm

D) Forma

Javob: B

4. Block element qaysi?

A) <span>

B) <a>

C) <div>

D) <img>

Javob: C

5. Inline element qaysi?

A) <div>

B) <p>

C) <span>

D) <h1>

Javob: C

6. Ro‘yxat (list) uchun qaysi teg?

A) <list>

B) <ul>

C) <table>

D) <div>

Javob: B

7. Tartibli ro‘yxat qaysi?

A) <ul>

B) <ol>

C) <li>

D) <dl>

Javob: B

8. Ro‘yxat elementi qaysi?

A) <ul>

B) <ol>

C) <li>

D) <list>

Javob: C

9. Jadval (table) uchun asosiy teg?

A) <grid>

B) <table>

C) <div>

D) <form>

Javob: B

10. Jadval qatori qaysi teg?

A) <td>

B) <th>

C) <tr>

D) <row>

Javob: C

11. Jadval katagi qaysi?

A) <tr>

B) <td>

C) <th>

D) <cell>

Javob: B

12. Jadval sarlavhasi qaysi?

A) <td>

B) <tr>

C) <th>

D) <head>

Javob: C

13. Forma nima?

A) Dizayn

B) Ma’lumot yuborish qismi

C) Rasm

D) Server

Javob: B

14. Forma qaysi teg bilan boshlanadi?

A) <input>

B) <form>

C) <data>

D) <send>

Javob: B

15. Matn kiritish maydoni qaysi?

A) <text>

B) <input>

C) <textarea>

D) <form>

Javob: B

16. Ko‘p qatorli matn uchun?

A) <input>

B) <textarea>

C) <p>

D) <span>

Javob: B

17. Tugma qaysi teg?

A) <click>

B) <input>

C) <button>

D) <send>

Javob: C

18. Input turi qayerda belgilanadi?

A) class

B) type

C) id

D) name

Javob: B

19. Email input turi?

A) text

B) number

C) email

D) password

Javob: C

20. Parol maydoni qaysi type?

A) secret

B) hidden

C) password

D) text

Javob: C

21. Checkbox nima?

A) Matn

B) Tanlash belgisi

C) Rasm

D) Tugma

Javob: B

22. Radio button nima uchun?

A) Bir nechta tanlash

B) Bitta tanlash

C) Matn yozish

D) O‘chirish

Javob: B

23. Label vazifasi?

A) Dizayn

B) Input izohi

C) Server

D) Tugma

Javob: B

24. Required atributi nima qiladi?

A) O‘chiradi

B) Majburiy qiladi

C) Yashiradi

D) Bezaydi

Javob: B

25. Placeholder nima?

A) Yordamchi matn

B) Parol

C) Tugma

D) Server

Javob: A

26. Form ma’lumot qayerga yuboriladi?

A) CSS

B) HTML

C) Backend

D) Brauzer

Javob: C

27. action atributi vazifasi?

A) Dizayn

B) Yuborish manzili

C) Tugma

D) Input turi

Javob: B

28. method nimani belgilaydi?

A) Rang

B) Yuborish usuli

C) Rasm

D) Server

Javob: B

29. HTML form nimaga asos bo‘ladi?

A) Dizayn

B) Login / Register

C) O‘yin

D) Rasm

Javob: B

30. HTML Advanced o‘rganish natijasi?

A) Oddiy sahifa

B) Real sayt struktura

C) Backend

D) AI

Javob: B

4-OY LOYIHA — “Ro‘yxatdan O‘tish Sahifasi”

Loyiha tavsifi

O‘quvchi HTML yordamida ro‘yxatdan o‘tish (register) sahifasi yaratadi.

Sahifa tarkibi

  1. Sahifa sarlavhasi
  2. Ism (text)
  3. Email
  4. Parol
  5. Jins (radio)
  6. Qiziqishlar (checkbox)
  7. Izoh (textarea)
  8. Yuborish tugmasi

Topshiriq talablari

O‘quvchi:

  1. <form> to‘liq ishlatilgan
  2. Kamida 8 ta input
  3. Label va placeholder mavjud
  4. Required atribut ishlatilgan

Baholash mezoni (100 ball)

  • Forma tuzilishi: 35 ball
  • Input turlari: 30 ball
  • Mantiqiy joylashuv: 20 ball
  • Tozalik va tartib: 15 ball

4-OY YAKUNI

O‘quvchi:

  • HTML’ni ancha ishonch bilan ishlatadi
  • Form orqali ma’lumot olishni tushunadi
  • Keyingi bosqich — CSS’ga tayyor bo‘ladi