HTML asoslari: birinchi veb-sahifa

HTML (HyperText Markup Language — gipermatn belgilash tili) dasturlash tili emas, sahifaning tuzilishini tasvirlovchi belgilash tilidir. Brauzer HTML-faylni o‘qib, sahifani ekranda chizadi. Fayl oddiy matn muharririda (Bloknot, VS Code) yoziladi va .html kengaytmasi bilan saqlanadi, masalan index.html; uni ikki marta bosish bilan brauzerda ochish mumkin.

HTML teglardan iborat. Teg burchakli qavs ichida yoziladi, ko‘p tegning ochuvchi va yopuvchi (</...>) jufti bo‘ladi: <p>Salom</p>. Ochuvchi va yopuvchi teg orasidagi qism element deyiladi. Teglar ichma-ich joylashishi mumkin, ammo to‘g‘ri tartibda yopilishi shart. Teg ochuvchi qismida atribut bo‘lishi mumkin: <html lang="uz">.

Har bir sahifa bir xil tuzilishga ega: <!DOCTYPE html> hujjat turini bildiradi, <html> butun sahifani o‘rab turadi, <head> ichida sahifa haqidagi xizmat ma’lumotlari (<title> — brauzer yorlig‘idagi nom, <meta charset="utf-8"> — kodlash) joylashadi, <body> ichida esa foydalanuvchi ko‘radigan hamma narsa bo‘ladi.

Matn uchun asosiy teglar: <h1> dan <h6> gacha sarlavhalar (h1 eng yirigi), <p> xatboshi, <br> yangi qatorga o‘tish, <b> qalin va <i> qiya matn. Ro‘yxat uchun <ul> (markerli) yoki <ol> (raqamlangan) ichida har bir band <li> bilan yoziladi. Izoh  ko‘rinishida bo‘lib, sahifada ko‘rinmaydi. Sahifani o‘zgartirgach, brauzerda yangilash (F5) kerak.

Asosiy xulosalar

HTML — sahifa tuzilishini tasvirlovchi belgilash tili.
Hujjat <html>, <head> va <body> qismlaridan iborat.
Teglar ochiladi va yopiladi: <p>…</p>; atribut ochuvchi tegda yoziladi.
Sarlavhalar <h1>–<h6>, xatboshi <p>, ro‘yxat <ul>/<ol> va <li> bilan yoziladi.

Amaliy topshiriqlar

index.html faylini yarating: sahifa sarlavhasi "Mening sahifam", <h1> da ismingiz, <p> da o‘zingiz haqingizda 2 gap bo‘lsin; brauzerda oching.
Sahifaga sevimli fanlaringiz ro‘yxatini <ul>, haftalik dars jadvalini esa <ol> bilan qo‘shing.
Ataylab bitta tegni yopmasdan qoldiring va sahifa ko‘rinishi qanday o‘zgarishini kuzating; so‘ng xatoni tuzating.

Mustahkamlash savollari

O‘zingizni sinab ko‘ring: avval o‘ylab ko‘ring, keyin javobni oching.

1`<head>` va `<body>` qismlarining farqi nimada?Javobni ko‘rish

`<head>` sahifa haqidagi xizmat ma’lumotlarini (nom, kodlash) saqlaydi, `<body>` esa foydalanuvchi ko‘radigan mazmunni.

2Atribut nima? Misol keltiring.Javobni ko‘rish

Atribut — ochuvchi tegga qo‘shimcha ma’lumot beruvchi qism, masalan `<html lang="uz">` dagi `lang`.