Fiecare element HTML are o valoare de afișare implicită în funcție de ce tip de element de este. Valoarea de afișare implicită pentru majoritatea elementelor este bloc sau inline.
Elementele de nivel bloc
Un element de nivel bloc începe întotdeauna pe o linie nouă și preia întreaga lățime disponibilă (stretches out to the left and right as far as it can) se (stretches out to the left and right as far as it can) la (stretches out to the left and right as far as it can) care (stretches out to the left and right as far as it can) .
Exemple de elemente de nivel bloc:
- <div>
- <h1> - <h6>
- <p>
- <form>
inline Elemente
Un element inline nu pornește pe o linie nouă și durează doar până la fel de mult lățime cât este necesar.
Aceasta este o linie <span> elementul în interiorul unui paragraf.
Exemple de elemente inline:
- <span>
- <a>
- <img>
<div> Element
<div> element este un element de nivel bloc , care este adesea folosit ca un container pentru alte elemente HTML.
<div> elementul nu are atributele necesare, dar style și de class sunt comune.
Atunci când este utilizat împreună cu CSS, The <div> element poate fi folosit pentru a blocurilor de stil de conținut:
Exemplu
<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>
Încearcă - l singur » <span> Element
<span> element este un element inline care este adesea folosit ca un container pentru un anumit text.
<span> elementul nu are atributele necesare, dar style și de class sunt comune.
Atunci când este utilizat împreună cu CSS, The <span> element poate fi folosit pentru piese de stil ale textului:
Gruparea HTML Tag-uri
| Etichetă | Descriere |
|---|---|
| <div> | Definește o secțiune într - un document (block-level) |
| <span> | Definește o secțiune într - un document (inline) |