Pagina 5: Tag di struttura HTML

Per inserire del testo nel vostro documento semplicemente lo potete digitare all'interno di un word processor. A differenza di un word processor però gli spazi bianchi vengono ignorati. Ciò significa che per cominciare una nuova riga o un nuovo paragrafo dovete usare un apposito tag.

Esistono dei tag elementari che permettono di definire la struttura del vostro documento. Questi tag sono descritti di seguito.

Linea vuota

A differenza dei word processor le interruzioni di linea in HTML non vengono poi interpretate come tali. Per fare in modo che venga inserita una linea vuota tra i paragrafi deve essere usato il tag <P>. Questo causerà un'interruzione di linea e lascerà una linea vuota. Vi faccio presente che alcuni tag generano automaticamente un'interruzione ed un salto di linea. Normalmente non si dovrebbe utilizzare il tag <P> subito prima o subito dopo i tag di dimensione carattere, di linea orizzontale e di lista.

Il tag di paragrafo può essere usato solo e in coppia, uno all'inizio e uno alla fine del paragrafo.

Interruzione di linea

Se non desiderate che venga lasciata una riga vuota di spazio, il tag <BR> genera un'interruzione di riga semplice senza generare uno spazio di una riga.
Questo tag è singolo.

Linea Orizzontale

Se desiderate inserire una linea orizzontale lungo tutta la larghezza della finestra del browser usate il tag <HR>. Comparirà una linea di questo tipo:

Questo tag è singolo.

Centratura del testo

Se desiderate centrare il vostro testo all'interno della finestra del browser, usate il tag

<CENTER> ... </CENTER>

Il tag CENTER necessita del relativo tag di chiusura.

Sommario dei tag:

NOME	TAG	Commenti
Paragrafo	<P> o <P> e </P>	Inizia un nuovo paragrafo, separando i paragrafi con una linea vuota. I tag <P> multipli non producono linee vuote multiple.
Interruzione di linea	<BR>	Inizia una nuova linea, senza lasciare una linea vuota di separazione. I tag <BR> multipli producono linee vuote multiple.
Linea Orizzontale	<HR>	Inserisce una linea orizzontale larga come la finestra del browser.
Centratura	<CENTER> ... </CENTER>	Centra il testo all'interno della finestra del browser.

A dire il vero è possibile modificare il comportamento dei tag visti. Se state ancora imparando ritornate più tardi e date un'occhiata ad alcuni degli attributi che potete usare per personalizzare il comportamento dei tag sopra visti. Se invece sentite di avere già confidenza guardate ora!

Modificate il vostro documento

Ritornate all'editor HTML e modificate il vostro documento affinchè contenga le seguenti informazioni:

Vostro nome ed indirizzo come se apparisse su una busta.
Vostro numero di telefono, fax ed email.
Una linea orizzontale di separazione.
Alcuni dettagli sul vostro curriculum scolastico e lavorativo.

Usate pure tutti i tag introdotti sino ad ora.

Se non sapete cosa scrivere ... date un'occhiata al mio esempio ;-)

Non dimenticate di salvare le modifiche al vostro documento.

Visualizzare il vostro documento all'interno del browser

Ritornate alla finestra del browser che state usando come spazio di lavoro.
Scegliete Open File dal menu File del browser. Cercate il vostro file ed apritelo.
Ora dovreste vedere il vostro documento all'interno della finestra spazio di lavoro. Si vede bene? Modificatelo fino a quando la vostra pagina web vi piace.

Per vedere come dovrebbe essere la vostra pagina guardate questo esempio.