Strutturare una pagina web

Oltre alle singole parti di una pagina, HTML permette di definire aree come l'header, il menù di navigazione...

Sezioni di base di una pagina web

Le pagine web sono molto differenti l'una dall'altra, ma di solito sono sempre presenti:

<header> nella parte superiore, contiene il logo e rimane la stessa tra una pagina e l'altra del sito
<nav> barra di navigazione: contiene i link alle sezioni principali del sito; spesso è integrata nell'header
<main> contenuto principale: il testo dell'articolo, una mappa, un video..., a sua volta diviso in sezioni come <article>, <section>, <div>
<aside> barra laterale: alcune informazioni marginali, collegamenti, inserzioni pubblicitarie, la biografia dell'autore, articoli correlati...
<footer>: una fascia nella parte inferiore della pagina, di solito contiene note legali, informazioni di contatto, SEO (Search Engine Optimization: si inseriscono i link di accesso veloce ai contenuti più popolari)

Qui trovi il codice di questa pagina di esempio.

Il tag <br> crea delle interruzioni di linea all'interno di uno stesso paragrafo.

<hr> invece serve a creare una linea orizzontale nel documento, che denota un cambio di argomento nel testo.