HTML per una pagina articolo o blog

Obiettivo della lezione

Strutturare un articolo con header, autore, data, sezioni, immagini, citazioni e contenuti correlati.

Spiegazione

Una pagina articolo deve essere leggibile e ben strutturata. Il tag article è adatto per contenuti autonomi come notizie, guide o post. All’interno si usano titoli, paragrafi, immagini, citazioni e link correlati.

Idea chiave: in HTML devi scegliere il tag in base al significato del contenuto. La grafica verrà gestita in seguito con CSS.

Codice di esempio

Studia il blocco seguente e prova a copiarlo in un file HTML, modificando testi e contenuti.

<article>
  <header>
    <h1>Guida HTML5 per principianti</h1>
    <p>Pubblicato da TastoEffeUno</p>
  </header>
  <p>Introduzione dell’articolo.</p>
</article>

Errori comuni

Dimenticare il titolo principale dell’articolo.
Inserire date e autore senza struttura.
Aggiungere immagini decorative pesanti.

Esercizio pratico

Crea una nuova pagina partendo dalla struttura base. Applica l’argomento di questa lezione a un contenuto reale: una pagina corso, una scheda personale o una piccola pagina informativa.

Apri il tuo editor.
Crea o aggiorna un file .html o .asp.
Inserisci il codice della lezione.
Modifica testi e attributi.
Apri la pagina nel browser e controlla il risultato.

Lezioni collegate

Continua il laboratorio

Procedi con la lezione successiva oppure passa agli esercizi per consolidare subito i concetti.

Precedente Successiva