Энэ бүлэгт бид HTML-ийн зарим үндсэн жишээг үзүүлэх болно. Хэрэв бид таны хараахан сураагүй байгаа шошгуудыг ашиглавал санаа зовох хэрэггүй.
HTML Баримт бичгүүд #
Бүх HTML баримт бичиг нь баримт бичгийн төрлийн тунхаглал: <!DOCTYPE html>-аар эхлэх ёстой. HTML баримт бичиг нь өөрөө <html>-аар эхэлж, </html>-аар төгсдөг. HTML баримт бичгийн харагдах хэсэг нь <body> ба </body> хооронд байрладаг.
<!DOCTYPE> Тунхаглал #
<!DOCTYPE> тунхаглал нь баримт бичгийн төрлийг илэрхийлэх бөгөөд хөтчүүдэд веб хуудсыг зөв харуулахад тусалдаг.
- Энэ нь хуудасны дээд хэсэгт (HTML шошгуудын өмнө) зөвхөн нэг удаа байх ёстой.
<!DOCTYPE>тунхаглал нь том жижиг үсгийн ялгаагүй.- HTML5-д зориулсан
<!DOCTYPE>тунхаглал нь:
HTML Гарчиг #
HTML гарчгийг <h1>-ээс <h6> хүртэлх шошгуудаар тодорхойлдог.
<h1>нь хамгийн чухал гарчгийг тодорхойлдог.<h6>нь хамгийн бага ач холбогдолтой гарчгийг тодорхойлдог:
HTML Догол мөр #
HTML догол мөрийг <p> шошгоор тодорхойлдог:
HTML Холбоос #
HTML холбоосыг <a> шошгоор тодорхойлдог:
Холбоосын очих газрыг href атрибутад зааж өгдөг. Атрибутууд нь HTML элементүүдийн талаар нэмэлт мэдээлэл өгөхөд ашиглагддаг. Та атрибутуудын талаар дараагийн бүлгээс дэлгэрэнгүй сурах болно.
HTML Зураг #
HTML зургийг <img> шошгоор тодорхойлдог. Эх файл (src), орлуулах текст (alt), өргөн (width), болон өндөр (height)-ийг атрибут болгон өгдөг:
HTML Эх кодыг хэрхэн үзэх вэ #
Та веб хуудсыг хараад “Хөөх! Тэд үүнийг яаж хийсэн юм бол?” гэж бодож байсан уу?
HTML Эх кодыг үзэх (View HTML Source Code): HTML хуудас дээр CTRL + U товчийг дарах, эсвэл хуудас дээр хулганы баруун товчийг дараад “View Page Source“-ийг сонгоно уу. Энэ нь хуудасны HTML эх кодыг агуулсан шинэ таб нээх болно.
HTML Элементийг шалгах (Inspect an HTML Element): Элемент (эсвэл хоосон талбай) дээр хулганы баруун товчийг дараад, элементүүд юунаас бүтсэнийг харахын тулд “Inspect“-ийг сонгоно уу (та HTML болон CSS-ийг хоёуланг нь харах болно). Та мөн нээгдсэн Elements эсвэл Styles самбар дээр HTML эсвэл CSS-ийг шууд засах боломжтой.
