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.
|