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>
Туршиж үзэх »