HTML Элементүүд
HTML Элементүүд
HTML баримт бичиг нь олон тооны HTML элементүүдээс бүрддэг.
HTML элемент гэж юу вэ?
HTML элемент нь эхлэх tag (start tag), агуулга (content), болон төгсгөлийн tag (end tag)-ээс бүрдэнэ: <h1>Миний үндсэн гарчиг</h1>. <br> зэрэг зарим tag агуулгагүй, хаалтын tag шаардаггүй.
Доторлосон элементүүд (Nested Elements)
HTML элементүүд нь бие биенийхээ дотор агуулагдаж болно. Дараах жишээнд <b> элемент нь <p> дотор, <p> нь <body> дотор, <body> нь <html> дотор агуулагдаж байна.
Хоосон HTML элементүүд (Empty Elements)
Агуулга агуулдаггүй элементүүдийг хоосон элемент гэнэ. <br> (шинэ мөрөөр шилжүүлэх) болон <hr> (хэвтээ зураас) нь хаалтын tag шаарддаггүй хоосон элементүүд юм.
Анхаарах зүйл: Төгсгөлийн tag-ийг хаахаа хэзээ ч бүү мартаарай! Зарим браузер хаалтгүй tag-ийг алдаагүй мэт харуулж болох ч дараа дараагийн элементүүдийн дизайныг эвдэх аюултай.
Кодын жишээ
<!DOCTYPE html>
<html>
<head>
<style>
h1 { color: #1d4ed8; }
</style>
</head>
<body>
<h1>Миний гарчиг</h1>
<p>Миний <b>тод</b> үгтэй параграф.</p>
<hr>
<p>Хэвтээ зурасны доорх текст.</p>
</body>
</html>