HTML Үндсэн ойлголт
Энэхүү хичээлээр юу сурах талаар ерөнхий ойлголтыг Үндсэн ойлголт хичээлээс бид авах болно.
Дараа дараагийн хичээлээр бид HTML хэлийг алхам алхмаар судалсаар бүрэн ойлголтыг хамтдаа авах болно.
HTML Бичиг баримт /Documents/
<!DOCTYPE html> Тунхаглал нь HTML эхэлж буйг зарлан тунхаглаж байна гэж ойлгож болно.
HTML бичиг баримт нь <html>-ээр эхэлж </html>-ээр төгсөх болно.
Үзэгдэх хэсгийг <body>-ээс эхэлж </body>-ны хооронд бичнэ.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Энэ бол гарчиг</h1>
<p>Энэ бол догол мөр</p>
</body>
</html>
HTML Гарчиг /Headings/
HTML гарчиг нь зургаан төрлийн tag байдаг бөгөөд <h1> ээс <h6> хооронд зургаан төрлийн tag аар тодорхойлж бичнэ.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>Энэ бол гарчиг 1 </h1>
<h2>Энэ бол гарчиг 2 </h2>
<h3>Энэ бол гарчиг 3 </h3>
<h4>Энэ бол гарчиг 4 </h4>
<h5>Энэ бол гарчиг 5 </h5>
<h6>Энэ бол гарчиг 6 </h6>
</body>
</html>
HTML Догол мөр /Paragraphs/
HTML догол мөрийг <p> tag-д тодорхойлж бичнэ.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p>Энэ бол догол мөр 1 </p>
<p>Энэ бол догол мөр 2 </p>
</body>
</html>
HTML Холболт /Links/
HTML холболтыг <a> tag-д тодорхойлж бичнэ.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<a href="http://www.abcd.mn">Энэ бол холбоос </a>
</body>
</html>
Холбоосын чиглэлийг href атрибут дээр зааж өгнө.
Атрибутууд нь HTML элементийн талаар нэмэлт мэдээлэл болон боломжийг өгдөг бөгөөд энэ талаар дараа дараагийн хичээлээр илүү дэлгэрэнгүй заах болно.
HTML Зураг /Images/
HTML зургийг эх файлыг src, зургийн тайлбар текстийг alt, зургийн өргөнийг width, өндрийг height атрибутуудад тус тус тодорхойлж бичнэ.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<img src="/static/html.png" alt="abcd logo" width="250" height="150">
</body>
</html>
HTML Товчлуур /Buttons/
HTML холболтыг <buttons> tag-д тодорхойлж бичнэ.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<button>Энэ бол товчлуур</button>
</body>
</html>
HTML Жагсаалт /Lists/
HTML жагсаалтыг (дараалалгүй/суман жагсаалт) <ul> эсвэл (дараалалтай/дугааралсан жагсаалт) <ol> tag-д тодорхойлж харин жагсаалтыг <li> tag-д тус тус тодорхойлж бичнэ.
Жишээлбэл:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<ul>
<li> Алим </li>
<li> Банана </li>
<li> Тарвас </li>
</ul>
<ol>
<li> Алим </li>
<li> Банана </li>
<li> Тарвас </li>
</ol>
</body>
</html>
Сэтгэгдэлүүд
сайн байна уу? зургаа холбож нэг л чадахгүй юм яах вэ? өөрийнхөө коммоос оруулвал
