1. HTML nima?#
Savol#
HTML nima?
Javob#
HTML (HyperText Markup Language) — web sahifalarning strukturasini yaratish uchun ishlatiladigan belgilash (markup) tili. HTML sahifaning skeletini yaratadi, CSS ko'rinishini, JavaScript esa funksionalligini boshqaradi.
2. HTML qisqartmasi nimani anglatadi?#
Savol#
HTML nimaning qisqartmasi?
Javob#
HyperText Markup Language
- HyperText → Hujjatlar orasida bog'lanish
- Markup → Elementlarni belgilash
- Language → Belgilash tili
3. HTML dasturlash tilimi?#
Savol#
HTML Programming Language hisoblanadimi?
Javob#
Yo'q.
HTML dasturlash tili emas.
Sababi:
- Variable yo'q
- Function yo'q
- Loop yo'q
- Condition yo'q
HTML faqat hujjatni belgilash uchun ishlatiladi.
4. Browser HTML bilan nima qiladi?#
Savol#
Browser HTML ni qanday o'qiydi?
Javob#
Jarayon:
- HTML yuklanadi
- Browser parser ishlaydi
- DOM Tree hosil bo'ladi
- CSS yuklanadi
- CSSOM hosil bo'ladi
- Render Tree yaratiladi
- Layout
- Paint
- Composite
5. DOM nima?#
Savol#
DOM nima?
Javob#
DOM (Document Object Model)
HTML documentning object ko'rinishidir.
Misol
<body>
<h1>Hello</h1>
</body>
Browser buni objectga aylantiradi.
Document
└── html
└── body
└── h1
JavaScript aynan DOM bilan ishlaydi.
6. HTML Element nima?#
Savol#
Element nima?
Javob#
Element:
<p>Hello</p>
Element tarkibi:
- Opening tag
- Content
- Closing tag
7. Tag va Element farqi#
Savol#
Tag bilan Element orasidagi farq nima?
Javob#
Tag:
<p>
Element:
<p>Hello</p>
Tag faqat belgidir.
Element esa to'liq tuzilma.
8. Void Elements nima?#
Savol#
Void Element nima?
Javob#
Yopuvchi tegi bo'lmaydigan elementlar.
Misollar
<img>
<br>
<hr>
<input>
<meta>
<link>
<source>
<track>
<area>
<base>
<col>
<embed>
<wbr>
9. HTML Attribute nima?#
Savol#
Attribute nima?
Javob#
Element haqida qo'shimcha ma'lumot beradi.
Misol
<img src="cat.jpg" alt="Cat">
Bu yerda
src
va
alt
attribute hisoblanadi.
10. id va class farqi#
Savol#
id va class orasidagi farq nima?
Javob#
id
- Unique
- Sahifada 1 marta ishlatiladi
class
- Ko'p elementda ishlatilishi mumkin
Misol
<div id="header"></div>
<div class="card"></div>
<div class="card"></div>
<div class="card"></div>
11. Semantic HTML nima?#
Savol#
Semantic HTML nima?
Javob#
Element o'z ma'nosini bildirib turadi.
Masalan
<header>
<nav>
<main>
<section>
<article>
<footer>
<aside>
Bu SEO va Accessibility uchun juda muhim.
12. div va section farqi#
Savol#
div bilan section farqi nima?
Javob#
div
→ Generic container
section
→ Mantiqiy bo'lim
Har section odatda headingga ega bo'ladi.
13. main elementi#
Savol#
main nima?
Javob#
Sahifaning asosiy kontenti.
Bir sahifada faqat bitta <main> bo'lishi kerak.
14. Header nima?#
Savol#
Header nimaga ishlatiladi?
Javob#
Sahifa yoki section sarlavhasi.
Ichida odatda:
- Logo
- Navigation
- Search
- User menu
bo'ladi.
15. Footer nima?#
Savol#
Footer nima?
Javob#
Pastki qism.
Ichida:
- Copyright
- Contact
- Privacy
- Social links
joylashadi.
16. Article nima?#
Savol#
Article qachon ishlatiladi?
Javob#
Mustaqil kontent uchun.
Masalan:
- Blog
- News
- Post
- Comment
17. Aside nima?#
Savol#
Aside nima?
Javob#
Qo'shimcha kontent.
Masalan:
- Ads
- Related posts
- Sidebar
18. Nav nima?#
Savol#
<nav> nima?Javob#
Navigatsiya linklari.
Misol
<nav>
<a href="/">Home</a>
<a href="/blog">Blog</a>
</nav>
19. HTML5 nima?#
Savol#
HTML5 nima olib keldi?
Javob#
HTML5 bilan qo'shildi:
- Video
- Audio
- Canvas
- SVG
- LocalStorage
- SessionStorage
- Semantic tags
- Drag and Drop
- Geolocation
20. HTML interviewda eng ko'p tushadigan savollar#
✅ HTML nima?
✅ Semantic HTML nima?
✅ DOM nima?
✅ HTML5 yangiliklari
✅ id vs class
✅ defer vs async
✅ localStorage vs sessionStorage
✅ meta tags
✅ accessibility
✅ SEO
✅ ARIA
✅ forms
✅ input types
✅ picture
✅ srcset
✅ lazy loading
✅ preload
✅ prefetch
✅ dns-prefetch
✅ viewport
✅ canonical
✅ robots
✅ Open Graph
✅ favicon
✅ iframe
✅ SVG vs Canvas
✅ data-* attributes
✅ custom attributes
✅ microdata
✅ schema.org
✅ Web Components
✅ Shadow DOM
Davomi...#
Keyingi bo'limlarda:
- HTML Forms (100+ savol)
- Accessibility (80+ savol)
- SEO (120+ savol)
- Performance (90+ savol)
- Media (70+ savol)
- Advanced HTML5 APIs
- Browser Rendering
- Real Interview Questions (Junior, Middle, Senior)
- FAANG Interview HTML Questions
No comments yet.