Darsliklar HTML <body>

HTML HTML <body>

<body> — HTML hujjatining foydalanuvchi ko’radigan barcha kontentini o’z ichiga oladigan asosiy teg. Sarlavhalar, paragraflar, rasmlar, havolalar, tugmalar — sahifada ko’rinadigan hamma narsa aynan <body> ichida yashaydi. Har bir sahifada faqat bitta <body> bo’ladi.

<body>HTML hujjatining ko’rinadigan kontentini saqlaydigan teg. U <html> ichida, <head> dan keyin joylashadi.

Sahifadagi o’rni

<body> HTML tuzilishida aniq o’rin egallaydi — u <head> dan keyin keladi:

<!DOCTYPE html>
<html>
<head>
    <title>UzbekDevs</title>
</head>
<body>
    <h1>Salom, UzbekDevs!</h1>
    <p>Bu sahifaning ko'rinadigan qismi.</p>
</body>
</html>
Salom, UzbekDevs!
Bu sahifaning ko'rinadigan qismi.

<head> ichidagi ma’lumot (masalan, <title>) sahifada bevosita ko’rinmaydi, <body> ichidagi hamma narsa esa foydalanuvchiga ko’rinadi. Bu ikki qismning tub farqi.

head va body farqi

Ikki asosiy qismni jadvalda solishtiramiz:

Teg Nima saqlaydi Ko’rinadimi?
<head> metama’lumot, sarlavha, ulanishlar yo’q
<body> matn, rasm, havola, tugma ha

body ichidagi kontent

<body> ga har qanday ko’rinadigan element joylashtiriladi:

<body>
    <h1>Farrux Sherkulov</h1>
    <p>Dasturchi va o'qituvchi.</p>
    <a href="https://uzbekdevs.uz">Sayt</a>
    <img src="rasm.jpg" alt="Rasm">
</body>
Farrux Sherkulov
Dasturchi va o'qituvchi.
Sayt
[Rasm]

Sarlavha, paragraf, havola, rasm — barchasi <body> ichida joylashdi va sahifada ko’rindi. Bu teg butun ko’rinadigan sahifaning idishi vazifasini bajaradi.

Amaliy eslatma

Har bir HTML hujjatida faqat bitta <body> bo’lishi kerak. U sahifaning butun ko’rinadigan mazmunini qamrab oladi. Ba’zan <body> tegiga onload kabi hodisa atributlari yoki umumiy uslub (CSS) qo’llaniladi, chunki u butun sahifani ifodalaydi. Toza tuzilma uchun kontentni <body> ichida mantiqiy teglar (<header>, <main>, <footer>) bilan tartibga soling.

Xulosa

Bu bo’limda <body> tegini, uning HTML tuzilishidagi o’rnini, <head> dan farqini va ko’rinadigan kontentni saqlashini ko’rib chiqdik. <body> — sahifaning ko’rinadigan yuzi. Keyingi darsda <br> tegiga o’tamiz.