Applied Information Technology - IV. Sviluppo di pagine web: Basic HTML

1) Struttura di un documento HTML

Un documento HTML ha questa struttura:

<HTML> <HEAD> </HEAD> <BODY> </BODY> </HTML>

Guardate il sorgente di questa pagina. Cliccate con il testo destro del mouse sul corpo della pagina e selezionate HTML se state usando Eplorer, View Source se state usando Netscape.
Noterete anche molte altre istruzioni che capirete durante il corso. Per ora soffermatevi solo sulla strutura.

1.1) <HTML>Documento HTML</HTML>

Descrizione:	prima e ultima riga di ogni documento HTML.
Tipo:	tag contenitore.
Attributi:	`VERSION, DIR e LANG.`
Nota:	può essere preceduto dal tag `<!DOCTYPE>`.

Attributi:

VERSION

è stato definito deprecated

DIR

indica la direzione per visualizzare e stampare i testi. I possibili valori sono LTR o RTL

LANG

specifica la lingua dei testi e consente al browser di rappresentare il contenuto di un documento nel modo più appropriato alle convenzioni di scrittura di una determinata lingua. Possibili valori sono IT o EN

<!DOCTYPE>

è un tag vuoto che identifica la versione della specifica HTML utilizzata. Queste le possibilità:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">

1.2) <HEAD>Intestazione del documento</HEAD>

Descrizione:	contiene le informazioni che formano l'intestazione del documento HTML.
Tipo:	tag contenitore.
Attributi:	`DIR, LANG e PROFILE.`

Tag contenuti all'interno di <HEAD>:

<BASE>
<LINK>
<META>
<STYLE>
<SCRIPT>
<TITLE>

1.2.1) <TITLE>Titolo descrittivo</TITLE>

Descrizione:	contiene il titolo del documento che viene visualizzato nel bordo superiore della finestra del browser.
Tipo:	tag contenitore.
Attributi:	`DIR e LANG.`
Nota:	ogni documento HTML deve contenere questo tag.

Osservazioni:

il titolo viene visualizzato nel file Bookmarks o Preferiti;
può essere visualizzato da un motore di ricerca come unica informazione sulla vostra pagina;
è il primo elemento che indica ai navigatori il contenuto della pagina che hanno raggiunto.

1.2.2) <META>

Descrizione:	fornisce informazioni aggiuntive al documento.
Tipo:	tag vuoto.
Attributi:	`CONTENT, DIR, HTTP-EQUIV, LANG, NAME e SCHEME.`
Nota:	deve essere incluso all'interno del tag <HEAD>.

Esempio:

<META http-equiv="refresh" content="20; URL=http://www.altrove.it"> <META name="description" content="Appunti Corso Applied Information Technology"> <META name="keywords" content="html, JavaScript, xml, web"> <META name="author" content="Andrea Piccione">

Osservazioni:

se fate un refresh date il tempo all'utente di leggere la pagina;
description e keywors servono ai motori di ricerca.

1.3) <BODY>Corpo del documento</BODY>

Descrizione:	identifica i contenuti di un documento HTML.
Tipo:	tag contenitore.
Attributi:	`ALINK, BACKGROUND, BGCOLOR,CLASS, DIR, ID LANG, LINK, STYLE, TEXT.`

Attributi:

BGCOLOR

definisce il colore di sfondo:

<BODY BGCOLOR="red">

oppure

<BODY BGCOLOR="#FF0000">

meglio questa seconda scelta e ricordatevi il #.

BACKGROUND

definisce una immagine come sfondo (USATE IMMAGINI PICCOLE):

<BODY BACKGROUND="../images/sfondo.jpg">

TEXT

definisce il colore del testo:

<BODY TEXT="#000000">

LINK

definisce il colore dei collegamenti ipertestuali (link) che l'utente non ha ancora visitato.

VLINK

definisce il colore dei link visitati.

ALINK

definisce il colore dei link quando il mouse vi passa sopra. Funziona solo con Netscape.

<BODY LINK="#000080" VLINK="#00FF00" ALINK="#FF0000">

NOTA BENE:

FATE ATTENZIONE ALL'USO DEI COLORI: DEVE AIUTARE E NON CONFONDERE GLI UTENTI

[Precedente]

[Indice]

[Successiva]

Per informazioni apweb@inwind.it - Ultima modifica 04-Jun-2002