Энэ бүлэгт бид HTML-ийн зарим үндсэн жишээг үзүүлэх болно.
Хэрэв бид таны хараахан сураагүй байгаа хаягуудыг ашигладаг бол санаа зовох хэрэггүй.
HTML бичиглэл #
Бүх HTML бичиглэлүүд нь бичиглэлийн төрлийг зарлаж байж заавал эхэлдэг: <!DOCTYPE html>
.
HTML бичиглэл нь өөрөө <html>
-ээр эхэлж мөн </html>
-ээр төгсдөг.
The visible part of the HTML document is between <body>
and </body>
. HTML бичиглэлийн бидэнд харагддаг зүйлс нь <body>
болон </body>
хоёрын хооронд байрладаг.
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
<!DOCTYPE> Зарлал #
<!DOCTYPE>
зарлал нь баримт бичгийн төрлийг илэрхийлдэг бөгөөд хөтчүүдэд вэб хуудсыг зөв харуулахад тусалдаг.
Энэ нь хуудасны дээд талд (HTML хаягуудаас өмнө) зөвхөн нэг удаа гарч ирэх ёстой.
<!DOCTYPE>
зарлал нь том жижиг үгсээрээ таарч байх ёстой
HTML5 -ын <!DOCTYPE>
зарлал нь:
<!DOCTYPE html>
HTML Гарчигууд #
HTML headings are defined with the <h1>
to <h6>
tags. HTML гарчигууд <h1>
-ээс <h6>
хүртэлх тэмдэгтээр тодорхойлогдоно.
<h1>
нь хамгийн чухал гарчиг юм. <h6>
нь хамгийн энгийн гарчиг :
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML холбоос #
HTML холбоос нь <a>
гэсэн тэмдэгээр тодорхойлогдоно.
<a href="https://apprentice.mn">This is a link</a>
Холбоосын очих газрыг href
атрибутад зааж өгсөн болно.
Атрибут нь HTML элементүүдийн талаар нэмэлт мэдээлэл өгөхөд ашигладаг.
Та атрибутадын талаар дараачийн бүлгээс илүү ихийг мэдэх болно.
HTML зурагууд #
HTML зураг нь <img> гэсэн тэмдэгээр тодорхойлогдоно.
Зургийн файл байрших хаяг нь (src
) гэдэгт орно. Харин энэ элементийн шинж чанарын тохиргоонууд нь (alt
), width
, болон height
-аар тэмдэглэгдэнэ.
<img src="apprenticemn.jpg" alt="Apprentice.mn" width="104" height="142">
HTML Кодийн үндсэн эх суурийг нь хаанаас харах вэ? #
Өмнө нь веб хуудсыг хараад “Энийг хэрхэн бичсэн юм болоо гэж гайхаж байсан уу”?
HTML Кодийн үндсэн эх суурийг харах: #
HTML хуудсан дээрээ маусныхаа баруун товчлуурыг дараад “View Page Source” (in Chrome) эсвэл “View Source” (in Edge), мөн бусад хөтөч дээр ижил төстэй товчлуурыг дарна. Энэ Хуудасныхаа HTML кодийн үндсэн эх кодийг агуулсан хуудас нээгдэх болно.
HTML элементийг хянан шалгах: #
Right-click on an element (or a blank area), and choose “Inspect” or “Inspect Element” to see what elements are made up of (you will see both the HTML and the CSS). You can also edit the HTML or CSS on-the-fly in the Elements or Styles panel that opens.
Элементэн дээрээ эсвэл хоосон зайн дээр маусныхаа баруун товчлуурыг дараад “Inspect” мөн “Inspect Element” сонгоно. Ингэснээр таны дарсан элементийн HTML бүрдэл ба CSS загвар харагдана. Мөн та HTML бүрдэл ба CSS загварыг шууд янзалж болно.