Sommario Introduzione xi 1. Introduzione ad HTML 1 Reperire gli strumenti che servono: editor di testo e browser Web Nozioni di base su HTML: elementi, tag e attributi Struttura di base di un documento HTML Creare il primo documento HTML, con dichiarazioni, sezione header, metadati e titolo Commenti HTML 2. Struttura delle pagine Web con i tag HTML5 3 8 9 12 14 17 Aggiungere sezioni in HTML Aggiungere articoli in HTML Creare la navigazione in HTML Creare una barra laterale in HTML Creare un’intestazione di contenuto in HTML Creare un piè di pagina in HTML 19 22 24 26 28 31 3. Tag HTML per la marcatura del testo 33 Suddividere il testo in paragrafi Aggiungere titoli in HTML Formattare il testo in HTML Creare un elenco ordinato Creare un elenco non ordinato Creare un elenco di descrizioni Utilizzare le citazioni in HTML 4. Hyperlink in HTML Comprendere gli URL Utilizzare gli URL assoluti Utilizzare gli URL relativi Creare àncore per gli hyperlink 35 38 42 47 50 52 55 59 61 64 67 72 Sommario vii 00 HTML.indd 7 03/02/12 08.37 Aggiungere target agli hyperlink Creare un hyperlink a un indirizzo email 5. Aggiungere immagini a una pagina HTML Aggiungere immagini a una pagina Web Creare link su immagini Creare link su miniature di immagini Creare una mappa immagine Marcare un’immagine come figura 6. Le tabelle HTML Creare una tabella HTML Regolare il padding e la spaziatura delle celle di una tabella Creare le intestazioni di una tabella Aggiungere un titolo a una tabella Inserire l’area dei dati in una tabella Espandere le celle su più righe e colonne Creare il piè di pagina di una tabella 7. I form HTML Creare un semplice form HTML Etichettare i controlli dei form HTML Aggiungere pulsanti a un form HTML Aggiungere una casella di selezione a un form HTML Usare i controlli HTML <input /> Aggiungere altri controlli ai form HTML 75 78 81 83 86 88 91 95 97 99 101 103 105 107 109 112 115 117 121 123 126 129 134 8. Usare gli attributi HTML per perfezionare i form 139 Aggiungere testo segnaposto nei controlli di form in HTML Impostare lo stato attivo su un campo Cosa non funziona Qualche riflessione finale su HTML5 141 143 145 147 9. Novità di CSS3 Trovare documentazione su CSS Scoprire le novità di CSS3 10.Introduzione a CSS Preparazione per CSS Comprendere il codice CSS Creare commenti CSS Comprendere le classi e gli ID 149 150 153 155 157 159 162 163 viii 00 HTML.indd 8 03/02/12 08.37 11.Specificare gli stili CSS 165 Creare un foglio di stile esterno Creare un foglio di stile interno Creare un foglio di stile inline 167 171 173 12.Impostare i bordi con CSS 175 Aggiungere un bordo a un elemento Creare bordi con linee diverse Creare bordi con angoli arrotondati Usare un’immagine come bordo 177 179 183 185 13.Formattare i colori e gli sfondi con CSS 191 Scegliere una tavolozza di colori Specificare i colori in CSS in quattro modi Impostare i colori di primo piano e sfondo Impostare le immagini di sfondo 193 196 199 203 14.Formattare i font e il testo con CSS 209 Impostare la famiglia di font di un elemento Impostare lo stile di font di un elemento Impostare il peso e la dimensione del font Impostare le proprietà dei font tramite la dichiarazione Decorare il testo e cambiarne le maiuscole Allineare il testo Formattare il testo con la spaziatura di parole e lettere Aggiungere ombre riflesse al testo 211 215 217 220 223 227 230 234 15.Margini, padding e dimensioni degli elementi in CSS 237 Impostare il padding di un elemento Impostare i margini di un elemento Impostare larghezza e altezza relative Impostare larghezza e altezza assolute 238 242 246 248 16.Posizionare gli elementi con CSS 251 Posizionare gli elementi con float e clear Posizionamento assoluto degli elementi Posizionamento relativo degli elementi Posizionamento fisso degli elementi Posizionare gli elementi su livelli con CSS 253 256 259 262 264 Sommario ix 00 HTML.indd 9 03/02/12 08.37 17.Qualche riflessione finale su CSS Creare una barra di navigazione da un elenco ordinato Impostare le proprietà della barra laterale Ripulire il testo e aggiungere spazio 267 268 271 274 Appendice 1 277 Appendice 2 281 Appendice 3 287 Glossario 293 Guida alla risoluzione dei problemi 297 x 00 HTML.indd 10 03/02/12 08.37