|
Tutti
i comandi
ELEMENTI
DI BASE
(tutti i documenti
HTML devono contenere questi comandi)
Tipo documento
<HTML></HTML> (all'inizio e alla fine del file)
Titolo <TITLE></TITLE>
(deve essere nella testata)
Testata <HEAD></HEAD>
(informazioni descrittive; come il titolo)
Corpo <BODY></BODY>
(contenuto della pagina)
FORMATO
DI STRUTTURA
(le caratteristiche
di visualizzazione sono definite dal browser)
Titoli <H?></H?>
(sono definiti 6 livelli)
allineamento
<H? ALIGN=LEFT|CENTER|RIGHT></H?>
(sinistra|centrato|destra)
Separazione
<DIV></DIV>
allineamento
<DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV>
(sinistra|centrato|destra|giustificato)
Contenuto
<SPAN></SPAN>
Citazione
<BLOCKQUOTE></BLOCKQUOTE> (in genere visualizzato come blocco di
testo rientrato)
Citazione
<Q></Q> (per citazioni brevi)
con URL <Q
CITE="URL"></Q>
Evidenziato
<EM></EM> (in genere visualizzato in corsivo)
Molto evidenziato
<STRONG></STRONG> (in genere visualizzato in neretto)
Citazione
<CITE></CITE> (in genere visualizzato in corsivo)
Codice <CODE></CODE>
(per listati di programmazione)
Esempio di
output <SAMP></SAMP>
Immissione
da tastiera <KBD></KBD>
Variabile
<VAR></VAR>
Definizione
<DFN></DFN> (poco utilizzato)
Indirizzo
dell'autore <ADDRESS></ADDRESS>
Font molto
grande <BIG></BIG>
Font molto
piccolo <SMALL></SMALL>
Inserito <INS></INS>
(segna le modifiche introdotte in una nuova versione)
data modifica
<INS DATETIME=":::"></INS>
commenti <INS
CITE="URL"></INS>
Cancellato
<DEL></DEL> (segna le cancellazioni apportate in una nuova versione)
data modifica
<DEL DATETIME=":::"></DEL>
commenti <DEL
CITE="URL"></DEL>
Acronimo <ACRONYM></ACRONYM>
Abbreviazione
<ABBR></ABBR>
FORMATO
DI PRESENTAZIONE
(formattazione
dei caratteri)
Neretto <B></B>
Corsivo <I></I>
Sottolineato
<U></U> (poco utilizzato)
Barrato <STRIKE></STRIKE>
(poco utilizzato)
Barrato <S></S>
(poco utilizzato)
Pedice <SUB></SUB>
Apice <SUP></SUP>
Macchina da
scrivere <TT></TT> (visualizzato a spaziatura fissa)
Preformattato
<PRE></PRE> (visualizzato tale e quale)
Centrato <CENTER></CENTER>
(sia per testo che immagini)
Lampeggiante
<BLINK></BLINK>
Dimensione
del carattere <FONT SIZE=?></FONT> (valori da 1 a 7)
modifica misura
<FONT SIZE="+|-?"></FONT>
colore
<FONT COLOR="#$$$$$$"></FONT>
tipo
<FONT FACE="***"></FONT>
dimensione
in punti <FONT POINT-SIZE=?></FONT>
spessore
<FONT WEIGHT=?></FONT> (valori da 100 a 900)
Font misura
base <BASEFONT SIZE=?> (da 1 a 7; valore default 3)
Testo scorrevole
<MARQUEE></MARQUEE>
COLLOCAZIONE
Multicolonne
<MULTICOL COLS=?></MULTICOL>
spazio tra
colonne <MULTICOL GUTTER=?></MULTICOL>
larghezza
colonna <MULTICOL WIDTH=?></MULTICOL>
Spazio
<SPACER>
tipo
<SPACER TYPE=HORIZONTAL|VERTICAL|BLOCK> (orizzonta-le|verticale|blocco)
misura
<SPACER SIZE=?>
dimensioni
<SPACER WIDTH=? HEIGHT=?> (larghezza altezza)
allineamento
<SPACER ALIGN=LEFT|RIGHT|CENTER> (sini-stra|destra|centrato)
Layer (strato)
<LAYER></LAYER>
nome <LAYER
ID="***"></LAYER>
ubicazione
<LAYER LEFT=? TOP=?></LAYER>
posizione
(x,y) <LAYER PAGEX=? PAGEY=?></LAYER>
file sorgente
<LAYER SRC="***"></LAYER>
stacking (z)
<LAYER Z-INDEX=?></LAYER>
posizione
stack <LAYER ABOVE="***" BELOW="***"></LAYER>
dimensioni
<LAYER HEIGHT=? WIDTH=?></LAYER>
ritaglio <LAYER
CLIP=,,,></LAYER>
visibile ?
<LAYER VISIBILITY=SHOW|HIDDEN|INHERIT></LAYER>
colore sfondo
<LAYER BACKGROUND="$$$$$$"></LAYER>
colore sfondo
<LAYER BGCOLOR="$$$$$$"></LAYER>
Inline Layer
<ILAYER></ILAYER> (con gli stessi attributi di LAYER)
Contenuto
in alternativa <NOLAYER</NOLAYER>
COLLEGAMENTI
– IMMAGINI - SUONI
Collegamento
a:
un documento
<A HREF="URL"></A
un riferimento
<A HREF="URL#***"></A> (in un altro documento)
<A HREF="#***"></A> (nello stesso documento)
una finestra
<A HREF="URL" TARGET="***"></A>
mouse click
<A HREF="URL" ONCLICK="***"></A> (Javascript)
mouse selezione
<A HREF="URL" ONMOUSEOVER="***"></A> (Javascript)
mouse deselezione
<A HREF="URL" ONMOUSEOUT="***"></A> (Javascript)
indirizzo
email <A HREF="mailto:@"></A>
Definizione
del riferimento <A NAME="***"></A>
Visualizzazione
immagine <IMG SRC="URL">
allineamento
<IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
allineamento
<IMG SRC="URL" ALIGN=TEXTTOP | ABSMIDDLE | BASELINE | ABSBOTTOM>
testo in alternativa
<IMG SRC="URL" ALT="***"> (se l'immagine non viene visua-lizzata)
dimensioni
<IMG SRC="URL" WIDTH=? HEIGHT=?> (in pixel)
<IMG SRC="URL" WIDTH=% HEIGHT=%> (in percentuale della lar
ghezza e altezza della pagina)
bordo <IMG
SRC="URL" BORDER=?> (in pixel)
spazio perimetrale
<IMG SRC="URL" HSPACE=? VSPACE=?> (in pixel)
mappa <IMG
SRC="URL" ISMAP> (richiede uno
script)
mappa URL
<IMG SRC="URL" USEMAP="URL">
clip di film
<IMG DYNSRC="***" START="***" LOOP=?>
Suono di fondo
<BGSOUND SRC="***" LOOP=?|INFINITE>
Incorporazione
oggetti <EMBED SRC="URL"> (inserisce l'oggetto nella pagina)
(inserisce
un suono di fondo – valido per tutti i browser)
misure <EMBED
SRC="URL" WIDTH=? HEIGHT=?>
Oggetto <OBJECT></OBJECT>
parametri
<PARAM>
DIVISORI
(formattazione
dei paragrafi)
Paragrafo <P></P>
(il comando di chiusura viene generalmente omesso)
allineamento
<P ALIGN=LEFT|CENTER|RIGHT></P>
giustificazione
<P ALIGN=JUSTIFY></P>
Interruzione
riga <BR> (singolo ritorno a capo)
pulizia margini
<BR CLEAR=LEFT|RIGHT|ALL>
Riga orizzontale
<HR>
allineamento
<HR ALIGN=LEFT|RIGHT|CENTER>
spessore <HR
SIZE=?> (in pixel)
larghezza
<HR WIDTH=?> (in pixel)
larghezza
% <HR WIDTH="%"> (come percentuale rispetto alla larghezza della
pagina)
piena <HR
NOSHADE> (senza l'effetto ombra)
Senza interruzione
<NOBR></NOBR> (per evitare l'interruzione automatica della riga)
Interruzione
<WBR> (per inserire l'interruzione in NOBR)
LISTE
Liste senza
ordine <UL><LI></UL> (<LI> prima di ogni elemento)
compatta <UL
COMPACT></UL>
tipo di puntatore
<UL TYPE=DISC|CIRCLE|SQUARE> (per tutta la lista)
<LI TYPE=DISC|CIRCLE|SQUARE> (questo e successivi)
Liste numerate
<OL><LI></OL> (<LI> prima di ogni elemento)
compatta
<OL COMPACT></OL>
tipo di numero
<OL TYPE=A|a|I|i|1> (per tutta la lista)
<LI TYPE=A|a|I|i|1> (questo e successivi)
num. di partenza
<OL START=?> (per tutta la lista)
<LI VALUE=?> (questo e successivi)
Lista di definizioni
<DL><DT><DD></DL> (<DT>=termine, <DD>=definizione)
compatta <DL
COMPACT></DL>
Lista tipo
Menu <MENU><LI></MENU> (<LI> prima di ogni elemento)
compatta
<MENU COMPACT></MENU>
Lista tipo
indirizzario <DIR><LI></DIR> (<LI> prima di ogni elemento)
compatta <DIR
COMPACT></DIR>
SFONDI
E COLORI
Immagine di
sfondo <BODY BACKGROUND="URL">
fissa (senza
scorrimento verticale) <BODY BGPROPERTIES="FIXED">
Colore di
sfondo <BODY BGCOLOR="#$$$$$$"> (codice Red/Green/Blue)
del testo
<BODY TEXT="#$$$$$$">
dei collegamenti
<BODY LINK="#$$$$$$">
dei collegamenti
visitati <BODY VLINK="#$$$$$$">
del collegamento
selezionato <BODY ALINK="#$$$$$$">
(Sono disponibili
maggiori informazioni riguardanti le stringhe di identificazione di tutti
i colori all'indirizzo <http://werbach.com/web/wwwhelp.html#color>)
CARATTERI
SPECIALI
(devono
essere digitati in caratteri minuscoli)
Carattere speciale
&#?;
(dove ? indica il codice ISO 8859-1)
<
<
>
>
&
&
"
"
Marchio registrato
(TM) ®
Marchio registrato
(TM) ®
Copyright
©
Spazio da
mantenere
(La lista completa
e' disponibile all'indirizzo
<http://www.uni-passau.de/%7Eramsch/iso8859-1.html>)
MODULI
[FORM]
(generalmente
richiedono uno script sul server)
Definizione
<FORM ACTION="URL" METHOD=GET|POST></FORM>
Upload file
<FORM ENCTYPE="multipart/form-data"></FORM>
campo di immissione
<INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO|
FILE|BUTTON|IMAGE|HIDDEN|SUBMIT|RESET">
nome del campo
<INPUT NAME="***">
valore del
campo <INPUT VALUE="***">
segnato ?
<INPUT CHECKED> (checkbox e radio)
misura
<INPUT SIZE=?> (in caratteri)
lunghezza
massima <INPUT MAXLENGTH=?> (in caratteri)
Bottone
<BUTTON></BUTTON>
nome <BUTTON
NAME="***"></BUTTON>
tipo <BUTTON
TYPE="SUBMIT|RESET|BUTTON"></BUTTON>
valore iniziale
<BUTTON VALUE="***"></BUTTON>
Etichetta
<LABEL></LABEL>
elemento <LABEL
FOR="***"></LABEL>
Lista di selezione
<SELECT></SELECT>
nome della
lista <SELECT NAME="***"></SELECT>
numero di
opzioni <SELECT SIZE=?></SELECT>
scelta multipla
<SELECT MULTIPLE> (per selezionare più di un elemento)
Opzioni <OPTION>
(elementi che possono essere selezionati)
opzione iniziale
<OPTION SELECTED>
valore <OPTION
VALUE="***">
Gruppo di
opzioni <OPTGROUP LABEL="***"></OPTGROUP>
Area di immissione
<TEXTAREA ROWS=? COLS=?></TEXTAREA>
nome dell'area
<TEXTAREA NAME="***"></TEXTAREA>
ritorno a
capo nel testo <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA>
Gruppo di
campi <FIELDSET></FIELDSET>
Legenda <LEGEND></LEGEND>
(didascalia per i fieldset)
allineamento
<LEGEND ALIGN="TOP|BOTTOM|LEFT|RIGHT">
</LEGEND>
TABELLE
Definizione
<TABLE></TABLE>
allineamento
<TABLE ALIGN=LEFT|RIGHT|CENTER>
bordo <TABLE
BORDER=?></TABLE>
spessore bordo
<TABLE BORDER=?></TABLE> (valore)
spazio tra
celle <TABLE CELLSPACING=?>
spazio nella
cella <TABLE CELLPADDING=?>
larghezza
<TABLE WIDTH=?> (in pixel)
larghezza
% <TABLE WIDTH="%"> (in percentuale rispetto alla pagina)
colore sfondo
<TABLE BGCOLOR="$$$$$$"></TABLE>
cornice <TABLE
FRAME=VOID|ABOVE|BELOW|HSIDES|LHS|RHS|
VSIDES|BOX|BORDER></TABLE>
regole <TABLE
RULES=NONE|GROUPS|ROWS|COLS|ALL></TABLE>
colore bordo
<TABLE BORDERCOLOR="$$$$$$"></TABLE>
colore scuro
<TABLE BORDERCOLORDARK="$$$$$$"></TABLE>
colore chiaro
<TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE>
Riga <TR></TR>
allineamento
<TR ALIGN=LEFT|RIGHT|CENTER
VALIGN=TOP|MIDDLE|BOTTOM>
Cella
<TD></TD> (deve essere all'interno di una riga)
allineamento
<TD ALIGN=LEFT|RIGHT|CENTER
VALIGN=TOP|MIDDLE|BOTTOM>
senza
interruzione <TD NOWRAP>
unione colonne
<TD COLSPAN=?>
unione righe
<TD ROWSPAN=?>
larghezza
<TD WIDTH=?> (in pixel)
larghezza
% <TD WIDTH="%"> (in percentuale rispetto alla tabella)
colore di
sfondo della cella <TD BGCOLOR="#$$$$$$">
Titolo
<TH></TH> (uguale alle celle di dati, ma in neretto e centrate)
allineamento
<TH ALIGN=LEFT|RIGHT|CENTER VALIGN=TOP|MIDDLE|BOTTOM>
senza interruzione
<TH NOWRAP>
unione colonne
<TH COLSPAN=?>
unione righe
<TH ROWSPAN=?>
larghezza
<TH WIDTH=?> (in pixel)
larghezza
% <TH WIDTH="%"> (in percentuale rispetto alla tabella)
colore di
sfondo della cella <TH BGCOLOR="#$$$$$$">
Corpo tabella
<TBODY>
Piè
di pagina <TFOOT></TFOOT> (deve essere indicato prima di THEAD)
Titolo
<THEAD></THEAD>
Legenda <CAPTION></CAPTION>
allineamento
<CAPTION ALIGN=TOP|BOTTOM> (sopra o sotto alla tabella)
Colonna <COL></COL>
(attributi per gruppi di colonne)
unione colonne
<COL SPAN=?></COL>
larghezza
<COL WIDTH=?></COL>
larghezza
% <COL WIDTH="%"></COL>
Gruppo colonne
<COLGROUP></COLGROUP> (struttura di gruppi di colonne)
unione colonne
<COLGROUP SPAN=?></COLGROUP>
larghezza
<COLGROUP WIDTH=?></COLGROUP>
larghezza
% <COLGROUP WIDTH="%"></COLGROUP>
FRAME
(definizione
e gestione di specifiche sezioni della finestra)
Documento Frame
<FRAMESET></FRAMESET> (al posto di <BODY>)
altezza in
righe <FRAMESET ROWS=,,,></FRAMESET> (pixel o %)
altezza in
righe <FRAMESET ROWS=*></FRAMESET> (* = misura relativa)
larghezza
in colonne <FRAMESET COLS=,,,></FRAMESET> (pixel o %)
larghezza
in colonne <FRAMESET COLS=*></FRAMESET> (* = misura relativa)
cornice <FRAMESET
FRAMEBORDER="yes|no"></FRAMESET>
larghezza
<FRAMESET BORDER=?>
colore <FRAMESET
BORDERCOLOR="#$$$$$$">
spaziatura
<FRAMESET FRAMESPACING=?></FRAMESET>
Definizione
del frame <FRAME> (contenuto di una sezione)
documento
da visualizzare <FRAME SRC="URL">
denominazione
<FRAME NAME="***"|_blank|_self|_parent|_top>
larghezza
dei margini <FRAME MARGINWIDTH=?> (margine destro e sinistro)
altezza dei
margini <FRAME MARGINHEIGHT=?> (margine alto e basso)
barra di scorrimento
? <FRAME SCROLLING="YES|NO|AUTO">
dimensione
non modificabile <FRAME NORESIZE>
cornice <FRAME
FRAMEBORDER="yes|no">
colore della
cornice <FRAME BORDERCOLOR="#$$$$$$">
Contenuto
in assenza di frame <NOFRAMES></NOFRAMES> (per i browser che non
supportano
i frame)
Inline Frame
<IFRAME></IFRAME> (con gli stessi attributi di FRAME)
dimensioni
<IFRAME WIDTH=? HEIGHT=?></IFRAME>
dimensioni
% <IFRAME WIDTH="%" HEIGHT="%"></IFRAME>
SCRIPT
E JAVA
Script <SCRIPT></SCRIPT>
Ubicazione
<SCRIPT SRC="URL"></SCRIPT>
Tipo <SCRIPT
TYPE="***"></SCRIPT>
Linguaggio
<SCRIPT LANGUAGE="***"></SCRIPT>
Contenuto
alt. <NOSCRIPT></NOSCRIPT> (se il browser non supporta gli script)
Applet <APPLET></APPLET>
nome del file
<APPLET CODE="***">
parametri
<APPLET PARAM NAME="***">
ubicazione
<APPLET CODEBASE="URL">
denominazione
<APPLET NAME="***"> (per riferimenti)
testo in alternativa
<APPLET ALT="***"> (per i browser che non supportano Java)
allineamento
<APPLET ALIGN="LEFT|RIGHT|CENTER">
dimensioni
<APPLET WIDTH=? HEIGHT=?> (in pixel)
spaziatura
<APPLET HSPACE=? VSPACE=?> (in pixel)
Server Script
<SERVER></SERVER>
VARI
Commenti <!--
*** --> (non visualizzati dal browser)
Prologo <!DOCTYPE
HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
Ricerca <ISINDEX>
(indica un documento indice)
Prompt <ISINDEX
PROMPT="***"> (testo da anteporre alla casella di inserimento)
Invio ricerca
<A HREF="URL?***"></a> (usare il punto di domanda)
URL di base
per questo file <BASE HREF="URL"> (deve essere nella testata)
Nome della
finestra di base <BASE TARGET="***"> (deve essere nella testata)
Relazioni
<LINK REV="***" REL="***" HREF="URL"> (deve essere nella testata)
Meta Informazioni
<META> (deve essere nella testata)
Fogli di stile
<STYLE></STYLE> (varie modalità di impiego)
Bidirect Off
<BDO DIR=LTR|RTL></BDO> (per alcuni set di caratteri)
SIMBOLI
UTILIZZATI NEL CAPITOLO “COMANDI”
1. URL
URL di un file esterno (oppure solo il nome del file se presente nello
stesso in-dirizzario)
2. ?
Numero arbitrario (per esempio: <H?> [intestazione] significa <H1>,<H2>,<H3>
ecc.)
3. %
Percentuale arbitraria (ad esempio: <HR WIDTH=%> significa <HR WIDTH=50%>,
ecc.)
4. ***
Testo arbitrario (per esempio: ALT="***" significa spazio da riempire con
testo)
5. $$$$$$
Numeri esadecimali (hex) arbitrari (per esempio: BGCOLOR="#$$$$$$" si-gnifica
BGCOLOR="#00FF1C", ecc.)
6. :::
Data arbitraria (per esempio DATETIME=":::" significa "1994-11-05T08:15:30"
ecc.)
7. @
Indirizzo email (per esempio "mailto:@" significa "mailto:kevin@werbach.com"
ecc.)
8. …
Valori separati da virgole (per esempio COORDS=",,," significa COORDS="0,0,50,50",
ecc.)
9. |
In alternativa (per esempio: ALIGN=LEFT|RIGHT|CENTER significa scegli una
di queste tre variabili)
|
