Quella che segue è una guida rapida del linguaggio HTML. Non deve essere
considerata definitiva o completa, in quanto l'HTML è in continua evoluzione.
Ogni istruzione comprende la sintassi, una descrizione e gli attributi possibili.
La sintassi indica se l'istruzione è vuota o non vuota, dove per "non vuote" si
intendono quelle istruzioni che necessitano della tag di chiusura. Ad esempio <IMG>
è una istruzione vuota, mentre <H1>...</H1> è una istruzione non
vuota.
Gli attributi possono apparire in due forme: ATTRIBUTO="valore", oppure
semplicemente ATTRIBUTO, per quelli che non hanno valori. Il valore, sempre racchiuso
fra apici, può essere una delle seguenti cose:
- URL Indirizzo Uniform Resource Locator
- nome Nome fornito dall'utente, in genere per identificare un campo di input
- numero Numero fornito dall'utente
- testo Testo fornito dall'utente
- [A|B|...] Il valore è uno di quelli elencati.
- NOTA:
- Alcuni dei comandi che seguono, sono estensioni riconosciute solo da Netscape o Internet Explorer,
E' dunque probabile che alcuni di essi non funzionino su tutti i browser.
| Istruzione | Descrizione | Attributi
| | <!-- ... -->
| Commento: tutto ciò che compare all'interno di questo tag viene ignorato
| ----------
|
| Istruzione | Descrizione | Attributi
| | <A>...</A>
| Ancora: identifica l'inizio o la fine di un collegamento ipertestuale
| HREF="URL"
NAME="testo"
REL=["NEXT"|"PREVIOUS"|
"PARENT"|"MADE"]
REV=["NEXT"|"PREVIOUS"|
"PARENT"|"MADE"]
TITLE="testo"
TARGET="..."
| <ABBREV>...
</ABBREV>
| Racchiude le abbreviazioni.
| ----------
| <ACRONYM>...
</ACRONYM>
| indica le sigle.
| ----------
| <ADDRESS>...
</ADDRESS>
| Stile indirizzo: per indirizzi, firme e informazioni dell'autore. FP.
| ----------
| <APPLET>...
</APPLET>
| Incorpora un applet Java
| CODE="..."
CODEBASE="..."
WIDTH="..."
HEIGHT="..."
| | <AREA>
| Definisce un'area di una mappa cliccabile
| TYPE o SHAPE="["RECT"|"CIRCLE"|"POLY"|"DEFAULT"]
COORDS="..."
HREF="..."
TARGET="..."
| | <AU>...</AU>
| Stile per il nome dell'autore del documento.
| ---------- |
| <B>...</B>
| Stile neretto
| ----------
| | <BASE>
| Base: utilizzata per fornire un riferimento e risolvere l'indirizzamento relativo
| HREF="Url"
TARGET="Finestra"
| | <BASEFONT>
| Setta la dimensione di default del carattere
| SIZE="1..7"
| | <BIG>...</BIG>
| Stile di carattere più grosso.
| ----------
| | <BLINK>...</BLINK>
| Stile di carattere lampeggiante.
| ----------
| <BLOCKQUOTE>...
</BLOCKQUOTE>
| Stile per citazioni di blocchi, in genere rientrato a sinistra e destra. FP.
| ----------
| | <BODY>...</BODY>
| Indica il corpo del testo
| BACKGROUND="URL"
BGCOLOR="#rrggbb"
TEXT="#rrggbb"
LINK="#rrggbb"
VLINK="#rrggbb"
ALINK="#rrggbb"
| | <BR>
| Inizia una nuova riga, all'interno del paragrafo.
| CLEAR=["LEFT"|"RIGHT"|"ALL"] |
| <CAPTION>...</CAPTION>
| Titolo di una tabella.
| ALIGN=["TOP"|"BOTTOM"]
| | <CENTER>...</CENTER>
| Giustificazione centrata (Non standard HTML).
| ----------
| | <CITE>...</CITE>
| Stile citazione: usato per titoli di altri lavori.
| ----------
| | <CODE>...</CODE>
| Stile codice di programmazione.
| ---------- |
| <DD>
| Descrizione di definizione: la parte di descrizione di una voce di un elenco di
definizioni. Vedi anche DL e DT.
| ----------
| | <DEL>...</DEL>
| Marca una cancellazione in un testo (utile in documenti legali).
| ----------
| | <DFN>...</DFN>
| Stile di definizioni.
| ----------
| | <DIR>...</DIR>
| Elenco di directory: usato per elencare voci brevi; in genere su colonne multiple.
| ----------
| | <DIV>...</DIV>
| Blocco di testo. A differenza di <P> non mette l'interlinea doppia.
| ALIGN=["CENTER"|"LEFT"|"RIGHT"|
"JUSTIFY"]
| | <DL>...</DL>
| Elenco di definizioni, usato per i glossari.
| COMPACT
| | <DT>...</DT>
| Termine di definizione: la parte di etichetta di una voce di un elenco di definizioni.
Vedi anche DL e DD
| ---------- |
| <EM>...</EM>
| Evidenziazione, in genere corsivo o sottolineato.
| ----------
| | <EMBED>...</EMBED>
| Inserisce oggetti supportati da plug-in
| SRC="..."
WIDTH="..."
HEIGHT="..."
Attributi specifici del particolare plug-in |
| <FONT>...</FONT>
| Dimensione del carattere. Non introduce il ritorno a capo come gli Headers.
| SIZE="numero"
SIZE="#rrggbb"
| | <FORM>...</FORM>
| Campo di input: definisce un'area della pagine che contiene gli oggetti di input per il lettore.
| ACTION="URL"
METHOD=["GET"|"POST"]
ENCTYPE="..."
TARGET="..."
| | <FRAME>...</FRAME>
| Definisce le caratteristiche di un frame
| SRC="..."
MARGINWIDTH="..."
MARGINHEIGHT="..."
SCROLLING="..."
NORESIZE
| | <FRAMESET>...</FRAMESET>
| Racchiude le definizioni della suddivisione di una finestra in frames
| COLS="..."
ROWS="..." |
| <H1>...</H1>
| Intestazione di livello 1
| ALIGN=["LEFT"|"CENTER"|"RIGHT"|"JUSTIFY"]
| | <H2>...</H2>
| Intestazione di livello 2
| ALIGN=["LEFT"|"CENTER"|"RIGHT"|"JUSTIFY"]
| | <H3>...</H3>
| Intestazione di livello 3
| ALIGN=["LEFT"|"CENTER"|"RIGHT"|"JUSTIFY"]
| | <H4>...</H4>
| Intestazione di livello 4
| ALIGN=["LEFT"|"CENTER"|"RIGHT"|"JUSTIFY"]
| | <H5>...</H5>
| Intestazione di livello 5
| ALIGN=["LEFT"|"CENTER"|"RIGHT"|"JUSTIFY"]
| | <H6>...</H6>
| Intestazione di livello 6
| ALIGN=["LEFT"|"CENTER"|"RIGHT"|"JUSTIFY"]
| | <HEAD>...</HEAD>
| Intestazione: definisce la parte del documento che contiene le informazioni
della pagina
| ----------
| | <HR>
| Righello orizzontale: traccia una linea orizzontale
| SIZE="numero"
WIDTH="numero(%)"
ALIGN=["LEFT"|"CENTER"|"RIGHT"]
NOSHADE
| | <HTML>...</HTML>
| Definisce il contenuto di un documento HTML: opzionale con la maggior parte dei browser.
| ----------
| | <HV>...</HV>
| Carattere Helvetica proporzionale.
| ---------- |
| <I>...</I>
| Stile corsivo
| ----------
| | <IMG>
| Inserisce una immagine nella pagina.
| SRC="URL"
LOWSRC="URL"
ALT="testo"
ALIGN=["TOP"|"MIDDLE"|"BOTTOM"|
"BLEEDLEFT"|"LEFT"|"CENTER"|
"RIGHT"|"BLEEDRIGHT"|"JUSTIFY"|
"TEXTTOP"|"ABSMIDDLE"|"BASELINE"|"ABSBOTTOM"]
WIDTH="numero"
HEIGHT="numero"
UNITS=["PIXELS"|"EN"]
VSPACE="numero"
HSPACE="numero"
BORDER="numero";
ISMAP
USEMAP="..."
| | <INPUT>
| Definisce un oggetto di input in una scheda.
| TYPE=["TEXT"|"FILE"|"PASSWORD"|"HIDDEN"|
"CHECKBOX"|"RADIO"|
"SUBMIT"|"RESET"|"IMAGE"|"BUTTON"]
NAME="nome"
VALUE="testo"
SRC="..."
SIZE="numero"
MAXLENGTH="numero"
ALIGN="..."
CHECKED
| | <INS>...</INS>
| Indica una aggiunta in un testo (utile in documenti legali).
| ----------
| | <ISINDEX>
| Indica un indice all'interno del quale cercare per verificare se il documento è
disponibile sul server.
| ---------- |
| <KBD>...</KBD>
| Stile di tastiera.
| ---------- |
| <LI>
| Voce di un elenco
| TYPE="..."
VALUE="..."
| | <LINK>
| Fornisce informazioni che collegano il documento con altri documenti o entità
| HREF="URL"
TITLE="testo"
REL=["NEXT"|"PREVIOUS"|
"PARENT"|"MADE"]
REV=["NEXT"|"PREVIOUS"|
"PARENT"|"MADE"] |
| <MAP>...</MAP>
| Delimita la specificazione di una mappa cliccabile
| NAME="..."
| | <MATH>...</MATH>
| Racchiude formule matematiche.
| ----------
| | <MENU>...</MENU>
| Elenco di menu, usato per voci brevi, visualizzato compatto.
| ----------
| | <META>
| Usi diversi
| HTTP-EQUIV="..."
CONTENT="..."
NAME="..." |
| <NOFRAMES>...</NOFRAMES>
| Delimita il BODY da visualizzare per i browser che non supportano i frames
| ----------
| | <NOEMBED>...</NOEMBED>
| Testo da mostrare se il browser non supporta il plug-in
| ----------
| | <NOSCRIPT>...</NOSCRIPT>
| Racchiude il testo da mostrare se il browser non supporta gli script ho li ha disabilitati
| ---------- |
| <OL>...</OL>
| Elenco ordinato.
| TYPE=["A"|"a"|"I"|"i"|"1"]
START="numero o lettera"
| | <OPTION>
| Definisce una voce di un oggetto di input di tipo SELECT
| VALUE="testo"
SELECTED |
| <P>...</P>
| Paragrafo.
| ALIGN=["CENTER"|"LEFT"|"RIGHT"|
"JUSTIFY"]
NOWRAP
| | <PARAM>
| Specifica un parametro di un applet Java
| NAME="..."
VALUE="..."
| | <PRE>...</PRE>
| Stile preformattato. Visualizzato con caratteri monospaziati, mantiene spazi, andate accapo, ecc. FP.
| WIDTH="number" |
| <Q>...</Q>
| Stile per brevi citazioni.
| ---------- |
| <S>...</S>
| Stile di carattere attraversato da una riga. Simile a DEL (vedi).
| ----------
| | <SAMP>...</SAMP>
| Stide di esempio.
| ----------
| | <SCRIPT>...</SCRIPT>
| Racchiude gli script
| LANGUAGE="..."
SRC="..."
| | <SELECT>...</SELECT>
| Selezione di oggetti di input.
| NAME="nome"
SIZE="number"
MULTIPLE
| | <SERVER>...</SERVER>
| Racchiude la definizione di uno script server-side
| LANGUAGE="..."
SRC="..."
| | <SMALL>...</SMALL>
| Stile di carattere più piccolo di quello attualmente in uso.
| ----------
| | <STRIKE>...</STRIKE>
| Carattere barrato.
| ----------
| <STRONG>...
</STRONG>
| Stile di forte evidenziazione
| ----------
| | <SUB>...</SUB>
| Stile pedice.
| ----------
| | <SUP>...</SUP>
| Stile apice.
| ---------- |
| <TABLE>...</TABLE>
| Definisce l'inizio di una tabella.
| BORDER="numero"
CELLSPACING="numero"
CELLPADDING="numero"
WIDTH="numero(%)"
HEIGHT="numero(%)"
ALIGN="..."
BGCOLOR="..."
| | <TD>...</TD>
| Nuova cella di una riga di tabella, contenente dati.
| ROWSPAN="numero"
COLSPAN="numero"
ALIGN=["LEFT"|"RIGHT"|"CENTER"|
"JUSTIFY"|"DECIMAL"]
VALIGN=["TOP"|"MIDDLE"|"BOTTOM"|"BASELINE"]
WIDTH="numero o percentuale"
BGCOLOR="..."
NOWRAP
| <TEXTAREA>...
</TEXTAREA>
| Oggetto di input su più righe
| NAME="nome"
ROWS="numero"
COLS="numero"
VALUE="testo"
WRAP="["OFF"|"VIRTUAL"|"PHYSICAL"]
| | <TH>...</TH>
| Nuova cella di una riga di tabella, contenente una intestazione.
| ROWSPAN="numero"
COLSPAN="numero"
ALIGN=["LEFT"|"RIGHT"|"CENTER"|
"JUSTIFY"|"DECIMAL"]
VALIGN=["TOP"|"MIDDLE"|"BOTTOM"|"BASELINE"]
WIDTH="numero o percentuale"
BGCOLOR="..."
NOWRAP
| | <TITLE>...</TITLE>
| Titolo della pagina: compare nella barra del browser
| ----------
| | <TR>...</TR>
| Nuova riga di una tabella.
| ALIGN=["LEFT"|"RIGHT"|"CENTER"|
"JUSTIFY"|"DECIMAL"]
VALIGN=["TOP"|"MIDDLE"|"BOTTOM"|"BASELINE"]
BGCOLOR="..."
| | <TT>...</TT>
| Stile macchina da scrivere, ovvero caratteri a spaziatura fissa.
| ---------- |
| <U>...</U>
| Stile sottolineato.
| ----------
| | <UL>...</UL>
| Elenco non ordinato.
| COMPACT
TYPE=["DISC"|"CIRCLE"|"SQUARE"] |
| <VAR>...</VAR>
| Stile per variabili per i nomi inseriti dal lettore.
| ---------- |
Nota: "FP" nella descrizione del comando, indica che il comando inserisce automaticamente
una fine di paragrafo prima e dopo.
|
Lista dei comandi HTML v.3.2 (e v.4)
Indietro all'INDICE GENERALE