Page 9 - Guida tascabile HTML5

Capitolo 1

La struttura di una pagina

Il linguaggio HTML è un linguaggio di markup: il suo scopo è quello di

descrivere, rispettando determinate regole e utilizzando marcatori ben precisi, il
contenuto di un documento attribuendo a ogni elemento il giusto valore semantico.

La struttura così generata è indipendente dal metodo utilizzato per la
visualizzazione del documento (il ruolo assunto da un titolo nel documento sarà

indipendente dalla sua veste grafica).

File di testo e HTML

I documenti HTML sono semplici file testuali, realizzati rispettando le regole di
sintassi del linguaggio; tali file vengono interpretati dal browser per essere resi

graficamente. Potete creare e modificare documenti HTML con un semplice editor
di file txt, come il Blocco Note per Windows o TextEdit per OS X.

NOTA Un editor di testi si differenzia da un editor di documenti (come Microsoft Word)
perché il primo lavora sul testo semplice, senza alcuna formattazione: non è possibile
caratterizzare graficamente porzioni del contenuto (per esempio un titolo), che sarà
composto esclusivamente dal flusso testuale. Nel caso dei file HTML, il flusso testuale
raccoglierà i tag e il contenuto vero e proprio. Guardate l’esempio nel prossimo
paragrafo per avere un’idea del contenuto integrale di un file HTML.

Create un file in formato Solo testo e salvatelo con estensione .html, poi apritelo

con un browser per vedere il risultato dell’interpretazione del markup in esso

contenuto. Potete partire dagli esempi descritti nel manuale e modificarli per
sperimentare rapidamente in prima persona gli effetti che potete ottenere.

NOTA Tenete presente che, nonostante sia possibile lavorare sui file HTML con
semplici editor testuali, la modifica dei file HTML con editor specifici offre molti
vantaggi: i più significativi sono senza dubbio l’evidenziazione del markup (i tag
vengono colorati diversamente rispetto al contenuto, per differenziarli visivamente),
l’aiuto nell’indentazione (questo argomento sarà trattato più avanti nel capitolo) e il
completamento automatico della sintassi (vengono proposti suggerimenti che
velocizzano la scrittura di tag e attributi). Online trovate applicazioni più o meno
complete, adatte a tutti gli usi e a tutte le tasche.