HTML elementlar
HTML elementi boshlang‘ich teg, biror mazmun va yakuniy teg bilan aniqlanadi.
HTML elementlar
HTML elementi — bu boshlang‘ich tegdan yakuniy teggacha bo‘lgan hammasi:
Ba’zi HTML elementlari misollari:
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Eslatma: ayrim HTML elementlarida kontent bo‘lmaydi (masalan, <br> elementi). Bunday elementlar bo‘sh elementlar deb ataladi. Bo‘sh elementlarning yopuvchi tegi bo‘lmaydi!
Ichma-ich HTML elementlari
HTML elementlarini ichma-ich joylashtirish mumkin (bu elementlar ichida boshqa elementlar bo‘lishi mumkin degan ma’noni anglatadi).
Barcha HTML hujjatlari ichma-ich HTML elementlaridan tashkil topgan.
Quyidagi misolda to‘rtta HTML elementi bor (<html>, <body>, <h1>
va <p>):
Misol
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
O‘zingiz sinab ko‘ring »
Misol tahlili
<html> elementi — bu ildiz (root) elementi
va u butun HTML hujjatini aniqlaydi.
Uning boshlang‘ich tegi <html>, yakuniy tegi esa </html>.
So‘ngra, <html> elementi ichida
<body>
elementi bor:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
<body> elementi hujjatning
mazmunini (body) aniqlaydi.
Uning boshlang‘ich tegi <body>, yakuniy tegi esa </body>.
So‘ngra, <body> elementi ichida
yana ikkita boshqa element bor:
<h1> va
<p>:
<h1>My First Heading</h1>
<p>My first paragraph.</p><h1> elementi sarlavhani aniqlaydi.
Uning boshlang‘ich tegi <h1>, yakuniy tegi esa </h1>:
<h1>My First Heading</h1>
<p> elementi paragrafni aniqlaydi.
Uning boshlang‘ich tegi <p>, yakuniy tegi esa </p>:
<p>My first paragraph.</p>
Yopuvchi tegni hech qachon tushirib qoldirmang
Yakuniy tegni unutib qo‘ysangiz ham, ba’zi HTML elementlari to‘g‘ri ko‘rsatiladi:
Misol
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
O‘zingiz sinab ko‘ring »
Biroq, bunga hech qachon tayanmang! Yakuniy tegni unutish kutilmagan natijalar va xatolarga olib kelishi mumkin!
Bo‘sh HTML elementlari
Mazmuni bo‘lmagan HTML elementlar bo‘sh elementlar deb ataladi.
<br> tegi qator sindirishni (yangi qatorga o‘tishni) aniqlaydi va
u yopish tegi bo‘lmagan bo‘sh elementdir:
HTML katta-kichik harflarni farqlamaydi
HTML teglari katta-kichik harflarga sezgir emas: <P> va <p> bir xil ma’noni anglatadi.
HTML standarti kichik harflarni talab qilmaydi, lekin W3C HTML’da kichik harflarni tavsiya etadi va XHTML kabi qat’iyroq hujjat turlarida kichik harflarni talab qiladi.
W3Schools’da biz doim kichik harfli teg nomlaridan foydalanamiz.
HTML teglar ma’lumotnomasi
W3Schools’ning teglar ma’lumotnomasi bu teglar va ularning atributlari haqida qo‘shimcha ma’lumotni o‘z ichiga oladi.
| Tag | Tavsif |
|---|---|
| <html> | HTML hujjatining ildizini belgilaydi |
| <body> | Hujjat tanasini (body) belgilaydi |
| <h1> to <h6> | HTML sarlavhalarini belgilaydi |
Barcha mavjud HTML teglarining to‘liq ro‘yxati uchun HTML teglar ma’lumotnomamizga murojaat qiling.
Video: HTML elementlari
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!