Il documento HTML

1. Il concetto, spiegato da zero

HTML descrive la struttura e il significato dei contenuti: il browser interpreta gli elementi e costruisce la pagina.

Un documento completo contiene doctype, html, head e body. Il titolo nel tag title appare nella scheda; i contenuti visibili vanno nel body. Nel laboratorio puoi esercitarti anche con frammenti HTML.

2. Un esempio ragionato

Osserva l’esempio e leggi ogni istruzione nell’ordine. Prima di provarlo, fermati a prevedere cosa succederà; capire il motivo del risultato è più importante che memorizzare la sintassi.

<!doctype html>
<html lang="it">
<head><meta charset="utf-8"><title>Prima pagina</title></head>
<body><h1>Ciao CodeStart!</h1></body>
</html>

Come leggere questo esempio

1. Prima di eseguire, immagina come apparirà il risultato nel browser.
2. Spiega con parole tue in che modo “il documento html” risolve un problema concreto.
3. Rileggi ogni riga del programma e individua i valori che vengono creati o modificati.
4. Modifica un valore; confronta il comportamento e annota che cosa è cambiato.

3. Adesso tocca a te

Obiettivo dell’esercizio: Crea un documento HTML con titolo della pagina e un h1.

Puoi partire dall’esempio, riprodurlo e poi modificarlo. La soluzione di riferimento è disponibile sotto, ma conviene aprirla soltanto dopo un primo tentativo.

Il risultato comparirà qui.

<!doctype html>
<html lang="it">
<head><meta charset="utf-8"><title>Prima pagina</title></head>
<body><h1>Ciao CodeStart!</h1></body>
</html>

4. Verifica e ripasso

5. Come proseguire

Prima del capitolo successivo, prova a spiegare il concetto a un amico senza leggere il codice. Se non riesci, torna all’esempio e fai una nuova variante: imparare significa anche sperimentare.