Comandi Generali

La struttura base di un file in formato HTML è la seguente:

<HTML>
<HEAD> . . . </HEAD>	Testata del file
<BODY> . . . </BODY>	Corpo del file
</HTML>

Tutto il file è compreso tra i tag <HTML> e </HTML> che indicano l'inizio e la fine dello stesso.
Il file si divide poi in due parti:
- la testata nella quale possono essere inseriti solo alcuni particolari tag per fornire informazioni sui contenuti del file (come ad esempio il titolo e le parole chiave per i motori di ricerca)
- il corpo nel quale sono compresi tutti i tag di formattazione del file HTML.

I comandi della testata

Nel campo compreso tra i tag <HEAD> e </HEAD> possono essere inclusi i seguenti comandi:

<TITLE></TITLE>

Serve per assegnare un titolo alla pagina Web.
Può contenere solo stringhe di testo.
Possibilmente dovrebbe essere indicativo sul contenuto della pagina in quanto è l'unica parte della testata visibile con un browser, normalmente appare sul bordo della finestra (con Netscape in alto sulla sinistra).
Es. <TITLE>Guida HTML </TITLE>

<META>
Questo tag (opzionale) offre la possibilità di fornire informazioni sul contenuto del file, sull'editor utilizzato per la generazione dello stesso e di far caricare al browser una nuova pagina dopo un tempo predefinito.
È un comando particolare in quanto non ha un tag di chiusura e tutte le informazioni sono contenute all'interno dello stesso utilizzando particolari attributi.
Alcuni esempi serviranno a chiarire meglio.
<META Name="description" Content="Home Page del Dipartimento di Matematica">

L'attributo Name viene impostato al valore "description" e la descrizizione viene poi specificata nell'attributo Content.

<META Name="keywords" Content="Matematica, Corsi, Geometria, Analisi">

In questo modo è possibile impostare le parole chiave per i motori di ricerca. Cioè le parole con le quali vogliamo essere rintracciati dagli stessi.

<META Name="author" Content="Mariano Casadio">

Specifica il nome dell'autore.

<META Name="generator" Content="Blocco Notes di Windows">

Specifica l'editor utilizzato per la generazione del file HTML.

<META HTTP-EQUIV="content-type" Content="text/html; charset=iso-8859-1">

Con l'attributo HTTP-EQUIV impostato a "content-type" è possibile specificare il tipo di file e il codice del set di caratteri utilizzato.

<META HTTP-EQUIV="refresh" Content="4">

Impostando l'attributo HTTP-EQUIV a "refresh" la pagina viene ricaricata dal browser ogni tot secondi specificati su Content= (nell'esempio ogni 4 secondi).
Questo comando può essere utile per quelle pagine che vengono costantemente aggiornate, ad esempio risultati sportivi in tempo reale o quotazioni di borsa, ma occorre fare attenzione a non impostare un tempo di refresh troppo basso perchè il browser potrebbe non fare a tempo a caricare tutta la pagina.

<META HTTP-EQUIV="refresh" Content="4;URL=http://riemann.unica.it">

Se oltre al tempo di refresh viene specificato un URL (N.B. completo) viene caricata la pagina indicata nello stesso.

Il corpo del file

Tutti gli altri comandi HTML sono compresi tra i tag <BODY> e </BODY>.
In questo tag è possibile impostare alcune caratteristiche globali del file come: lo sfondo, il colore del testo e i colori dei link.
I colori in HTML si possono esprimere tramite un codice esadecimale, che specifica i valori in formato RGB (Red Green Blue), o indicandone il nome (solo con Netscape e Internet Explorer).

Per maggiori informazioni sulla selezione dei colori si veda il paragrafo I colori in HTML.

L'attributo "Bgcolor=" consente di modificare il colore dello sfondo, mentre con "Background=" è possibile visualizzare un'immagine di sfondo, specificando il nome dell'immagine con il relativo path (directory o cartella in cui si trova).
Gli attributi: "Text=", Link=", "Vlink=" e "Alink="; consentono di impostare rispettivamente: il colore del testo (link esclusi), il colore dei link, il colore dei link a pagine già visitate e il colore dei link attivati (cioè quelli su cui è stato puntato il mouse ma non si è ancora rilasciato il pulsante.
Esempio:

Ad esempio impostando il tag BODY come segue	Il file verrà visualizzato in questo modo
<BODY Bgcolor="#00AA00" Text="#FFFFFF" Link="#0000FF" Vlink="#FF0000" Alink="FFFF00">	Testo bianco su sfondo verde Link a pagina non visitata Link a pagina visitata Link puntato col mouse