Ogni elemento HTML ha un valore di visualizzazione predefinita a seconda del tipo di elemento che è. Il valore di visualizzazione di default per la maggior parte elementi è isolato o in linea.
Elementi a livello di blocco
Un elemento di blocco inizia sempre su una nuova riga e occupa l'intera larghezza disponibile (stretches out to the left and right as far as it can) .
Esempi di elementi di blocco:
- <div>
- <h1> - <h6>
- <p>
- <form>
Elementi in linea
Un elemento in linea non si avvia in una nuova riga e occupa solo tanto larghezza necessaria.
Si tratta di una linea <span> elemento all'interno di un paragrafo.
Esempi di elementi in linea:
- <span>
- <a>
- <img>
Il <div> Element
Il <div> elemento è un elemento a livello di blocco che viene spesso utilizzato come contenitore per altri elementi HTML.
Il <div> elemento non ha attributi richiesti, ma style e la class sono comuni.
Quando viene utilizzato insieme con i CSS, il <div> elemento può essere utilizzato per blocchi di stile di contenuti:
Esempio
<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> Prova tu stesso " La <span> Element
La <span> elemento è un elemento inline che viene spesso utilizzato come contenitore per un testo.
La <span> elemento non ha attributi richiesti, ma style e la class sono comuni.
Quando viene utilizzato insieme con i CSS, il <span> elemento può essere utilizzato per le parti di stile del testo:
HTML Raggruppamento Tag
| Etichetta | Descrizione |
|---|---|
| <div> | Definisce una sezione in un documento (block-level) |
| <span> | Definisce una sezione in un documento (inline) |