HTML kursi

Interview uchun eng muhim HTML mavzular — semantik, formalar, accessibility.

Boshlang'ich · 22 ta dars · ~2 hafta

Mavzular: HTML tuzilmasi, Semantik HTML5, Formalar, Meta teglar, Accessibility

HTML Asoslari

  1. HTML nima? Brauzer qanday ishlaydi, DOM nima
  2. HTML fayl tuzilishi — DOCTYPE, html, head, body
  3. Matn teglari — h1-h6, p, span, strong, em, br, hr
  4. Ro'yxatlar — ul, ol, li, dl, dt, dd
  5. Havolalar — a tegi, href, target, rel, download
  6. Rasmlar — img tegi, src, alt, width, height, loading
  7. Jadvallar — table, tr, td, th, thead, tbody, colspan, rowspan
  8. Blok va inline elementlar — div, span va ularning farqi (tez kunda)

Semantik HTML va Meta

  1. Semantik HTML nima va nima uchun muhim (tez kunda)
  2. Sahifa tuzilishi — header, nav, main, footer, aside, section, article (tez kunda)
  3. Meta teglar — charset, viewport, description (tez kunda)
  4. Script tegi — defer, async, type="module" — farqlari (tez kunda)
  5. Semantik HTML va SEO — qanday bog'liq (tez kunda)
  6. Custom Data Attributes — data-* va JavaScript bilan ishlash (tez kunda)

Formalar

  1. Forma asoslari — form, action, method, GET vs POST (tez kunda)
  2. Input turlari — text, email, password, number, tel, url, date (tez kunda)
  3. Input turlari — checkbox, radio, range, color, file, hidden (tez kunda)
  4. Select, Textarea, Button — ishlatish va farqlari (tez kunda)
  5. Forma validatsiyasi — required, min, max, minlength, pattern (tez kunda)

Accessibility

  1. Accessibility nima va nima uchun muhim (tez kunda)
  2. ARIA — role, aria-label, aria-hidden, aria-expanded (tez kunda)
  3. Keyboard navigatsiya — tabindex, focus boshqarish (tez kunda)