Tag per gli intestazioni della pagina

Oltre ai paragrafi, sulla pagina hanno grande importanza gli intestazioni. Possono essere paragonati agli intestazioni di un libro - ogni capitolo ha il proprio intestazione (il nome di quel capitolo) ed è suddiviso in paragrafi, che hanno anche loro i propri intestazioni. Ebbene, il testo principale della pagina si trova nei paragrafi.

Gli intestazioni sono creati utilizzando i tag h1, h2, h3, h4, h5, h6. Hanno diversi gradi di importanza. Nell'intestazione h1 si dovrebbe posizionare il titolo dell'intera pagina HTML, in h2 - il titolo dei blocchi della pagina, in h3 - il titolo dei sottoblocchi e così via.

Tutti gli intestazioni sono in grassetto per impostazione predefinita e hanno dimensioni diverse (questo può essere cambiato tramite CSS, ma ne parleremo più avanti). Ad esempio, creiamo intestazioni di tutti i livelli:

<h1>Heading h1</h1>
<h2>Heading h2</h2>
<h3>Heading h3</h3>
<h4>Heading h4</h4>
<h5>Heading h5</h5>
<h6>Heading h6</h6>

Copia il codice sopra nel tuo editor ed eseguilo nel browser. Osserva come differiscono le dimensioni degli intestazioni.

Crea un intestazione h1. Sotto, crea un intestazione h2, e sotto di esso - un paragrafo con del testo. Dopo i paragrafi, crea un altro intestazione h2, e sotto di esso - 2 paragrafi con testo.