HTML va CSS: birinchi saytim
1-dars / 18
Qunduz
HTML nima? Teglar
Sahifaning skeleti: sarlavha va paragraf
1-bob. Sahifa yasash
10 daqiqa
Video
HTML/CSS
3 savol
Har bir veb-sahifa uch qismdan iborat: - HTML — skelet: nima bor (sarlavha, matn, rasm, tugma) - CSS — kiyim: qanday ko'rinadi (rang, shrift, joylashuv) - JavaScript — harakat: nima qiladi
HTML teglar bilan yoziladi. Teg ochiladi <p> va yopiladi </p>, ichida — mazmun:
<h1>Mening saytim</h1>
<p>Salom! Men HTML o'rganyapman.</p>
| Teg | Nima |
|---|---|
<h1> … <h6> |
sarlavhalar (h1 — eng katta, sahifada bitta) |
<p> |
paragraf |
<strong> |
qalin, muhim matn |
<em> |
qiya, urg'uli matn |
<br> |
yangi qator (yopilmaydi) |
Teglar bir-birining ichiga joylashadi:
<p>Bugun <strong>juda</strong> yaxshi kun.</p>
💡 Pastdagi muharrirda yozgan sari natija darhol ko'rinadi — tajriba qiling!
Ko'p uchraydigan xatolar
- Tegni yopishni unutish:
<p>Salom— keyingi hamma narsa shu paragrafga tushib qoladi. - Teglarni chalkashtirib yopish:
<p><strong>…</p></strong>— avval ichkisini yoping.
📚 Bepul manbalar
- MDN — HTML asoslari va CSS asoslari — rasmiy qo'llanma
- freeCodeCamp — Responsive Web Design — bepul loyihalar va sertifikat
- Flexbox Froggy — qurbaqalar bilan Flexbox o'yini (o'zbek tilida ham bor!)
Video dars
Amaliyot HTML/CSS
O'zingiz haqingizda kichik sahifa yasang:
- h1 sarlavha — ismingiz
- kamida bitta p paragraf
- paragraf ichida strong bilan bitta muhim so'z
Kod yozgan sari natija yuqorida darhol ko'rinadi. Tayyor bo'lsa — «Tekshirish».
Yechimni ko'rish
<h1>Aziz</h1>
<p>Men <strong>dasturchi</strong> bo'lmoqchiman.</p>