HTML элемент бүр нь ямар төрлийн элемент байхаас хамааран дэлгэцийн үндсэн утгатай(value) байдаг.
2 дэлгэцийн утга байдаг
Блок түвшний элементүүд #
Блок түвшний элемент үргэлж шинэ мөрөөс эхэлдэг.
Блок түвшний элемент нь үргэлж боломжтой бүх өргөнийг авдаг (аль болох баруун, зүүн тийш сунгана).
Блок түвшний элемент нь дээд ба доод ирмэгтэй байдаг бол дотор талын элемент (inline element)-дбайхгүй.
Жишээ #
<div>Hello World</div> <address> <article>
<aside> <blockquote>
<canvas> <dd>
<div> <dl>
<dt> <fieldset>
<figcaption> <figure>
<footer> <form>
<h1>-<h6> <header>
<hr> <li>
<main> <nav>
<noscript> <ol>
<p> <pre>
<section> <table>
<tfoot> <ul>
<video> Дотор(Inline) элемент #
Дотор элемент нь шинэ мөрөнд эхлэхгүй.
Дотор элемент нь шаардлагатай зайгаа л авдаг
Доорх элемент нь догол мөрний дотор байгаа
<span>Hello World</span> Доорх элементүүд нь доторх элемент(Inline elements)
<a> <abbr>
<acronym> <b>
<bdo> <big>
<br> <button>
<cite> <code>
<dfn> <em>
<i> <img>
<input> <kbd>
<label> <map>
<object> <output>
<q> <samp>
<script> <select>
<small> <span>
<strong> <sub>
<sup> <textarea>
<time> <tt>
<var> Тэмдэглэгээ: Дотор элементүүд нь блок элементүүдийг агуулдгүй
<div> Элемент #
<div> элемент нь ихэвчлэн HTML элементүүдийг хадгалах сав маягаар ашиглагдана.
<div> элемент нь ямар нэгэн шинж чанар шаардадгүй гэхдээ style, class болонid нарыг ашиглаж болдог.
When used together with CSS, the <div> element can be used to style blocks of content:
CSS-тэй хамт ашиглахдаа <div> элементийн агуулгын хэсэгүүдийг загварчлахад ашиглаж болно.
<div style="background-color:black;color:white;padding:20px;">
<h2>London</h2>
<p>London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.</p>
</div> The <span> Element #
<span> элемент нь текстийн хэсэг эсвэл баримт бичгийн хэсгийг хадгалхад ашигладаг дотор агуулах юм.
The <span> element has no required attributes, but style, class and id are common.
<span> элементэд шаардлагатай шинж чанар байхгүй боловч style, class ,болон idнь нийтлэг байдаг.
When used together with CSS, the <span> element can be used to style parts of the text:
CSS-тэй хамт ашиглахдаа <span> элементийг текстийн хэсгүүдийн хэв маягийг загварчилхад ашиглаж болно:
<p>My mother has <span style="color:blue;font-weight:bold">blue</span> eyes and my father has <span style="color:darkolivegreen;font-weight:bold">dark green</span> eyes.</p> My mother has blue eyes and my father has dark green eyes.
Бүлгийн хураангуй #
- Дэлгэцийг үзүүлдэг хоёр төрөл байна: блок төвшний ба дотор
- Блок түвшний элемент нь үргэлж шинэ мөрөөс эхэлдэг бөгөөд боломжтой бүх өргөнийг эзэлдэг
- Дотор элемент нь шинэ мөрнөөс эхлэхгүй бөгөөд шаардлагатай хэмжээгээр л өргөнийг авдаг
- The
<div>нь блок түвшнийх бөгөөд ихэвчлэн HTML элементүүдийг хадгалах агуулах болдог - The
<span>элемент нь текстийн хэсэг эсвэл баримт бичгийн хэсгийг тэмдэглэхэд ашигладаг дотор контейнер юм
