Aspetto
HTML: diamo struttura alla pagina
HTML significa HyperText Markup Language: è un linguaggio di markup. Usa elementi per descrivere il significato del contenuto: un titolo, un paragrafo, un collegamento, un'immagine.
Un browser legge quel documento e costruisce una rappresentazione della pagina chiamata DOM. Più avanti JavaScript ci permetterà di modificarla.
Tre ruoli diversi
| Tecnologia | Ruolo | Esempio |
|---|---|---|
| HTML | Contenuto e significato | «Questo è il titolo principale» |
| CSS | Presentazione | «Il titolo è verde» |
| JavaScript | Comportamento | «Al clic aggiungi un elemento» |
Per adesso concentriamoci su HTML. Una pagina senza CSS ha già una struttura e si può usare.
Le lezioni
- La prima pagina: crea un documento completo.
- Elementi e attributi: impara la sintassi.
- Testo e liste: organizza contenuti leggibili.
- Link e immagini: collega e arricchisci la pagina.
- HTML semantico: scegli gli elementi per il loro significato.
- Form accessibili: raccogli dati con etichette e controlli.
- Progetto finale: metti insieme le basi.
Quando saremo pronti per CSS?
Quando riuscirai a creare una pagina con struttura completa, titoli coerenti, link funzionanti, immagini con testo alternativo e controlli con etichette. Il progetto finale ti aiuta a verificare questi punti.
Riferimento: MDN · Strutturare il contenuto con HTML.