Elementi Block e Inline in HTML
Ogni elemento HTML ha un valore di visualizzazione predefinito, a seconda del tipo di elemento che è.
Ci sono due valori di visualizzazione: blocco (block) e inline.
Elementi a blocco
Un elemento a blocco inizia sempre su una nuova riga e i browser aggiungono automaticamente uno spazio (un margine) prima e dopo l’elemento.
Un elemento a blocco occupa sempre l’intera larghezza disponibile (si estende a sinistra e a destra quanto possibile).
Due elementi a blocco comunemente utilizzati sono: <p> e <div>.
L’elemento <p> definisce un paragrafo in un documento HTML.
L’elemento <div> definisce una divisione o una sezione in un documento HTML.
<p>Ciao, mondo</p>
<div>Ciao, mondo</div>
Ecco gli elementi a blocco in HTML:
- ``
- `
` - `
- `
`
- `
- `
- `
- ``
- `
- `
- `
- `
- `
- `
` - `
` - `
- `
- `
` - `
` - `
`- `
- `
- `
` - `
- `
- `
- `
- `
`
- `
`
- `
` - `
`
- ``
- `
- `
- `
Elementi inline
Un elemento inline non inizia su una nuova riga.
Un elemento inline occupa solo la larghezza necessaria.
<span>Ciao, mondo</span> <span>Ciao, mondo</span>Ecco gli elementi in linea in HTML:
- ``
- ``
- ``
- ``
- ``
- `
` - `
- ``
- `
` - ``
- ``
- ``
- `
`
- ``
- ``
- `
- `
- `
- `
- `
`
- ``
- `
- ``
- ``
- ``
- ``
- ``
- `
- `