# 21. DOCTYPE nima? ## Savol `` nima? ## Javob Browserga hujjat HTML5 ekanligini bildiradi. ```html ``` Agar yozilmasa browser **Quirks Mode** ga o'tishi mumkin. --- # 22. Quirks Mode nima? ## Savol Quirks Mode nima? ## Javob Eski browserlar bilan moslashish rejimi. Bu rejimda layout noto'g'ri ishlashi mumkin. Professional loyihalarda doimo: ```html ``` ishlatiladi. --- # 23. `` nima? ## Savol Head tegining vazifasi nima? ## Javob Foydalanuvchiga ko'rinmaydigan metadata saqlanadi. Masalan - title - meta - css - favicon - scripts - fonts --- # 24. `` nima? ## Savol Body nima? ## Javob Foydalanuvchi ko'radigan barcha kontent shu yerda joylashadi. --- # 25. `` nima? ## Savol Title nima? ## Javob Browser tabida chiqadigan sarlavha. SEO uchun juda muhim. ```html <title>My Portfolio ``` --- # 26. Meta Tag nima? ## Savol Meta tag nima? ## Javob Browser va Search Engine uchun qo'shimcha ma'lumot beradi. Misollar ```html ``` --- # 27. charset nima? ## Savol UTF-8 nima? ## Javob Belgilar kodlash tizimi. ```html ``` Deyarli barcha loyihalarda ishlatiladi. --- # 28. viewport nima? ## Savol Viewport meta tag nima? ## Javob Responsive dizayn uchun. ```html ``` Telefonlarda to'g'ri ko'rinishni ta'minlaydi. --- # 29. description meta tag ## Savol Description nima? ## Javob Google natijasida chiqadigan qisqa tavsif. ```html ``` --- # 30. favicon nima? ## Savol Favicon nima? ## Javob Browser tabidagi kichik icon. ```html ``` --- # 31. HTML Comment ## Savol Comment qanday yoziladi? ## Javob ```html ``` Browserda ko'rinmaydi. --- # 32. Heading teglar ## Savol Heading nechta? ## Javob ```html

``` `

` sahifadagi eng muhim sarlavha. --- # 33. H1 nechta bo'lishi kerak? ## Savol Bitta sahifada nechta H1 bo'lishi kerak? ## Javob SEO nuqtai nazaridan odatda 1 ta H1 tavsiya etiladi. --- # 34. Paragraph ## Savol Paragraph qaysi teg? ## Javob ```html
``` Matn yozish uchun ishlatiladi. --- # 35. Strong va Bold farqi ## Savol `` va `` farqi? ## Javob `` ✔ Semantic ✔ Muhim matn `` ✔ Faqat qalin qiladi. --- # 36. Em va Italic farqi ## Savol `` va `` farqi? ## Javob `` Semantic emphasis. `` Faqat italic. --- # 37. Anchor Tag ## Savol Link qanday yaratiladi? ## Javob ```html Home ``` --- # 38. target="_blank" ## Savol target="_blank" nima? ## Javob Yangi tab ochadi. ```html ``` --- # 39. rel="noopener" ## Savol Nima uchun noopener ishlatiladi? ## Javob Xavfsizlik uchun. ```html ``` --- # 40. Image ## Savol Rasm qanday qo'shiladi? ## Javob ```html ``` --- # 41. alt nima? ## Savol Alt attribute nima? ## Javob Rasm yuklanmasa matn chiqadi. Screen Reader ham foydalanadi. SEO uchun ham muhim. --- # 42. Figure nima? ## Savol Figure nima? ## Javob Media uchun semantic container. ```html

``` --- # 43. Lists ## Savol List turlari? ## Javob Ordered List ```html
``` Unordered List ```html
``` Description List ```html
``` --- # 44. Ordered List ## Savol Ordered list qaysi teg? ## Javob ```html

One

Two

``` --- # 45. Unordered List ## Savol Bullet list qaysi teg? ## Javob ```html

Apple

Banana

``` --- # 46. Description List ## Savol Description List nima? ## Javob ```html

HTML

Markup Language

``` --- # 47. Block Element ## Savol Block element nima? ## Javob Yangi qatordan boshlanadi. Misollar ```html

section article header footer ``` --- # 48. Inline Element ## Savol Inline element nima? ## Javob Yangi qatorga o'tmaydi. Misollar ```html ``` --- # 49. Div va Span ## Savol Div va Span farqi? ## Javob `
` ✔ Block element `` ✔ Inline element --- # 50. HTML Best Practices ## Savol Professional HTML yozishda nimalarga e'tibor beriladi? ## Javob ✅ Semantic HTML ishlatish ✅ Accessibility (ARIA) ga rioya qilish ✅ Har bir rasm uchun `alt` ✅ Faqat bitta `
` ✅ Mantiqiy heading tartibi (`h1 → h2 → h3`) ✅ To'g'ri meta taglar ✅ Responsive viewport ✅ Toza va o'qilishi oson kod ✅ Keraksiz `
`lardan qochish ✅ SEO uchun optimallashtirilgan struktura --- # Davomi Keyingi bo'limlarda: - HTML Forms (50+ savol) - HTML Tables - Audio & Video - SVG - Canvas - Accessibility (ARIA) - SEO - Open Graph - Schema.org - HTML5 APIs - Browser Rendering - 500+ Professional HTML Interview Questions

HTML Complete Interview Guide (Part 2) 🚀