HTMLga kirish

DarslarWeb dasturlash

HTMLga kirish

HTML nima, teg nima va birinchi web sahifangizni qanday yozasiz. Sodda misollar bilan.

20 daqiqa
HTML — Dars 1

HTMLga kirish

Bugun siz HTML nimaligini tushunasiz va birinchi sahifangizni yozasiz.

<h1><p><html><body>

Dars rejasi

4 ta mavzu
  1. 01HTML nima?
  2. 02Teg nima?
  3. 03Sarlavha va paragraf
  4. 04Birinchi HTML sahifasi

1. HTML nima?

HTML — bu web sahifaning skeleti. U brauzerga «bu yerda sarlavha, bu yerda matn» deb aytadi. HTML so'zi HyperText Markup Language ning qisqartmasi.

Misol uchun quyidagi kod bitta sarlavha va bitta matn yaratadi:

1<h1>Salom, dunyo!</h1>
2<p>Bu mening birinchi sahifam.</p>

2. Teg nima?

Teg — HTMLning asosiy qismi. Har bir teg burchakli qavslar ichida yoziladi. Aksariyat teglarning ochuvchi va yopuvchi qismi bor.

1<p>Bu paragraf</p>
2<!-- ochuvchi   kontent   yopuvchi -->

3. Sarlavha va paragraf

Eng ko'p ishlatiladigan ikki teg — bu h1 va p. h1 — eng katta sarlavha, p — oddiy matn (paragraf).

1<h1>Saytimning nomi</h1>
2<p>Bu saytda men o'zim haqimda yozaman.</p>

h1 dan tashqari h2, h3, h4, h5, h6 ham bor — ular kichikroq sarlavhalar uchun. Quyida o'zingiz sinab ko'ring:

Sinash maydoni
Natijajonli

4. Birinchi HTML sahifasi

Haqiqiy HTML fayl quyidagi tuzilishga ega bo'ladi. Hozir hammasini yodlashning hojati yo'q — shunchaki shakliga qarang:

index.html
1<!DOCTYPE html>
2<html lang="uz">
3  <head>
4    <meta charset="UTF-8" />
5    <title>Mening saytim</title>
6  </head>
7  <body>
8    <h1>Salom!</h1>
9    <p>Bu mening birinchi saytim.</p>
10  </body>
11</html>
  • <!DOCTYPE html> — bu HTML5 fayl ekanligini bildiradi.
  • <html> — butun hujjatni o'rab turadi.
  • <head> — sahifa haqida ma'lumot (nomi, til).
  • <body> — ko'rinadigan kontent. Biz asosan shu yerda ishlaymiz.
Sinab ko'ring
Natijajonli

Kichik test

0 / 4

1.HTML nima?

2.Quyidagilardan qaysi biri eng katta sarlavha tegi?

3.Paragraf (matn) uchun qaysi teg ishlatiladi?

4.Ko'rinadigan kontent qaysi teg ichiga yoziladi?

Mustaqil ish

0 / 4