Elementi obbligatori (tutti i documenti HTML devono contenere questi comandi)
Formattazione di struttura (la visualizzazione del testo è controllata dalla configurazione del browser)
Formattazione di presentazione (l'autore specifica come deve essere visualizzato il testo)
Collegamenti e grafici
Divisori
Liste
Sfondi e colori
Caratteri speciali
Moduli
<Tabelle
Frame
Java
Vari
Tipo | <HTML></HTML> | (inizio e fine del file) | |
Titolo | <TITLE></TITLE> | (titolo del documento; deve essere nella testata) | |
Testata | <HEAD></HEAD> | (informazioni descrittive; come il titolo) | |
Corpo | <BODY></BODY> | (contenuto della pagina) |
Intestazioni (Headings) | <H?></H?> | (sono definiti 6 livelli) | |
Allineamento | <H? ALIGN=LEFT|CENTER|RIGHT></H?> [x] | ||
Blocchi divisi | <DIV></DIV> | ||
Allineamento | <DIV ALIGN=LEFT|RIGHT|CENTER></DIV> | ||
Blocco di citazioni | <BLOCKQUOTE></BLOCKQUOTE> [x] | (generalmente rientrato) | |
Evidenziato (Emphasis) | <EM></EM> | (generalmente visualizzato in corsivo) | |
Molto evidenziato | <STRONG></STRONG> | (generalmente in neretto) | |
Citazione | <CITE></CITE> | (generalmente 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> | (non molto diffuso) | |
Indirizzo dell'autore | <ADDRESS></ADDRESS> | ||
Il font più grande | <BIG></BIG> | ||
Il font più piccolo | <SMALL></SMALL> |
Neretto (Bold) | <B></B> | ||
Corsivo (Italic) | <I></I> | ||
N3.0b | Sottolineato (Underline) | <U></U> | (non ancora molto diffuso) |
Depennato (Strikeout) | <STRIKE></STRIKE> | (non ancora molto diffuso) | |
N3.0b | Depennato (Strikeout) | <S></S> | (non ancora molto diffuso) |
Deponente (Subscript) | <SUB></SUB> | ||
Esponente (Superscript) | <SUP></SUP> | ||
Macchina da scrivere (Typewriter) | <TT></TT> | (visualizzato a spaziatura fissa) | |
Preformattato | <PRE></PRE> | (visualizzato tale e quale) | |
Larghezza | <PRE WIDTH=?></PRE> | (in caratteri) | |
Centrato | <CENTER></CENTER> [x] | (sia per testo che immagini) | |
N1.0 | Lampeggiante (Blinking) | <BLINK></BLINK> | (il comando più ridicolo) |
Grandezza del Font | <FONT SIZE=?></FONT> | (valori da 1 a 7) | |
Cambio grandezza font | <FONT SIZE="+|-?"></FONT> | ||
N1.0 | Grandezza font di base | <BASEFONT SIZE=?> | (da 1 a 7; default 3) |
Colore del font | <FONT COLOR="#$$$$$$"></FONT> | ||
N3.0b | Selezione del Font | <FONT FACE="***"></FONT> | |
N3.0b | Testo in più colonne | <MULTICOL COLS=?></MULTICOL> | |
N3.0b | Spazio tra le colonne | <MULTICOL GUTTER=?></MULTICOL> | (lo standard è di 10 pixel) |
N3.0b | Larghezza della colonna | <MULTICOL WIDTH=?></MULTICOL> | |
N3.0b | Spazio (Spacer) | <SPACER> | |
N3.0b | Tipo di spazio | <SPACER TYPE=horizontal| vertical|block> | |
N3.0b | Grandezza dello spazio | <SPACER SIZE=?> | |
N3.0b | Dimensione dello spazio | <SPACER WIDTH=? HEIGHT=?> | |
N3.0b | Allineamento dello spazio | <SPACER ALIGN=left|right|center> |
Collegamento generale | <A HREF="URL"></A> | ||
ad un punto(target) | <A HREF="URL#***"></A> | (se in un altro documento) | |
<A HREF="#***"></A> | (se nello stesso documento) | ||
N2.0 | ad una finestra (target) | <A HREF="URL" TARGET="***| |_blank|_self|_parent|_top"></A> | |
Definizione del punto | <A NAME="***"></A> | ||
Relazione | <A REL="***"></A> | (non ancora molto diffuso) | |
Relazione inversa | <A REV="***"></A> | (non ancora molto diffuso) | |
Visualizzazione immagine | <IMG SRC="URL"> | ||
Allineamento | <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> | ||
N1.0 | Allineamento | <IMG SRC="URL" ALIGN=TEXTTOP| ABSMIDDLE|BASELINE|ABSBOTTOM> | |
testo alternativo | <IMG SRC="URL" ALT="***"> | (quando non viene visualizzata l'immagine) | |
Mappa navigabile (Imagemap) | <IMG SRC="URL" ISMAP> | (richiede un script) | |
Mappa navigabile locale | <IMG SRC="URL" USEMAP="URL"> | ||
Denominazione della mappa | <MAP NAME="***"></MAP> | ||
Sezioni della mappa | <AREA SHAPE="RECT" COORDS=",,," HREF="URL"|NOHREF> | ||
Dimensioni | <IMG SRC="URL" WIDTH=? HEIGHT=?> | (in pixel) | |
Bordi | <IMG SRC="URL" BORDER=?> | (in pixel) | |
spazio circostante | <IMG SRC="URL" HSPACE=? VSPACE=?> | (in pixel) | |
N1.0 | bassa risoluzione | <IMG SRC="URL" LOWSRC="URL"> | |
N1.1 | Metodo Client Pull | <META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL"> | |
N2.0 | Incorporazione di oggetti | <EMBED SRC="URL"> | (inserimento oggetto nella pagina) |
N2.0 | grandezza oggetto | <EMBED SRC="URL" WIDTH=? HEIGHT=?> |
Paragrafo | <P></P> [x] | (spesso il tag di chiusura non è necessario) | |
Allineamento | <P ALIGN=LEFT|CENTER|RIGHT></P> [x] | ||
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) | |
N1.0 | Larghezza in percentuale | <HR WIDTH="%"> | (come percentuale rispetto alla larghezza della pagina) |
Riga piena | <HR NOSHADE> | (senza l'effetto 3D) | |
N1.0 | Senza interruzione | <NOBR></NOBR> | (per evitare l'interruzione automatica della riga) |
N1.0 | Interruzione | <WBR> | (per inserire l'interruzione dove desiderato in NOBR) |
| ||||
---|---|---|---|---|
Liste senza ordine | <UL><LI></UL> | (<LI> prima di ogni elemento) | ||
compatta | <UL COMPACT></UL> | |||
tipo di pallina | <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) | |||
numero 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 Directory | <DIR><LI></DIR> | (<LI> prima di ogni elemento) | ||
compatta | <DIR COMPACT></DIR> |
Immagine di sfondo | <BODY BACKGROUND="URL"> | ||
Colore di sfondo | <BODY BGCOLOR="#$$$$$$"> | (in ordine di Red/Green/Blue) | |
colore del testo | <BODY TEXT="#$$$$$$"> | ||
colore dei collegamenti | <BODY LINK="#$$$$$$"> | ||
colore dei collegamenti visitati | <BODY VLINK="#$$$$$$"> | ||
colore del collegamento selezionato | <BODY ALINK="#$$$$$$"> | ||
(Sono disponibili informazioni più dettagliate a http://werbach.com/web/wwwhelp.html#color) |
carattere speciale | &#?; | (dove ? indica il codice ISO 8859-1) | |
< | < | ||
> | > | ||
& | & | ||
" | " | ||
Registered TM | ® | ||
Copyright | © | ||
Non-Breaking Space | | ||
(La lista completa è disponibile a http://www.uni-passau.de/%7Eramsch/iso8859-1.html) |
Definizione | <FORM ACTION="URL" METHOD=GET|POST></FORM> | ||
N2.0 | Upload di file | <FORM ENCTYPE="multipart/form-data"></FORM> | |
campo di immissione | <INPUT TYPE="TEXT|PASSWORD|CHECKBOX|RADIO| IMAGE|HIDDEN|SUBMIT|RESET"> | ||
denominazione del campo | <INPUT NAME="***"> | ||
valore del campo | <INPUT VALUE="***"> | ||
barrato? | <INPUT CHECKED> | (checkbox e radio) | |
grandezza | <INPUT SIZE=?> | (in caratteri) | |
lunghezza massima | <INPUT MAXLENGTH=?> | (in caratteri) | |
lista di selezione | <SELECT></SELECT> | ||
denominazione del campo | <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 proposta | <OPTION SELECTED> | ||
Finestra di immissione | <TEXTAREA ROWS=? COLS=?></TEXTAREA> | ||
denominazione del campo | <TEXTAREA NAME="***"></TEXTAREA> | ||
N2.0 | divisione del testo | <TEXTAREA WRAP=OFF|VIRTUAL|PHYSICAL></TEXTAREA> |
Definizione | <TABLE></TABLE> | ||
bordo | <table border=?></TABLE> | ||
spazio tra celle | <TABLE CELLSPACING=?> | ||
spazio all'interno | <TABLE CELLPADDING=?> | ||
larghezza desiderata | <TABLE WIDTH=?> | (in pixel) | |
Larghezza in percentuale | <TABLE WIDTH="%"> | (percentuale rispetto alla pagina) | |
riga | <TR></TR> | ||
allineamento | <TR ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | ||
cella | <TD></TD> | (deve essere all'interno di una riga) | |
allineamento | <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | ||
senza interruzione | <TD NOWRAP> | ||
colonne da occupare | <TD COLSPAN=?> | ||
righe da occupare | <TD ROWSPAN=?> | ||
N1.1 | larghezza desiderata | <TD WIDTH=?> | (in pixel) |
N1.1 | larghezza desiderata in percentuale | <TD WIDTH="%"> | (percentuale rispetto alla tabella) |
N3.0b | colore di sfondo della cella | <TD BGCOLOR="#$$$$$$"> | |
Intestazioni delle celle | <TH></TH> | (uguale alle celle di dati, ma in neretto e centrata) | |
allineamento | <TH ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM> | ||
senza interruzione | <TH NOWRAP> | ||
colonne da occupare | <TH COLSPAN=?> | ||
righe da occupare | <TH ROWSPAN=?> | ||
N1.1 | larghezza desiderata | <TH WIDTH=?> | (in pixel) |
N1.1 | larghezza desiderata in percentuale | <TH WIDTH="%"> | (percentuale rispetto alla tabella) |
N3.0b | colore di sfondo della cella | <TH BGCOLOR="#$$$$$$"> | |
Legenda della tabella | <CAPTION></CAPTION> | ||
allineamento | <CAPTION ALIGN=TOP|BOTTOM> | (sopra o sotto la tabella) |
N2.0 | Documento Frame | <FRAMESET></FRAMESET> | (al posto di <BODY>) |
N2.0 | altezza in righe | <FRAMESET ROWS=,,,></FRAMESET> | (pixel o %) |
N2.0 | altezza in righe | <FRAMESET ROWS=*></FRAMESET> | (* = misura relativa) |
N2.0 | larghezza in colonne | <FRAMESET COLS=,,,></FRAMESET> | (pixel o %) |
N2.0 | larghezza in colonne | <FRAMESET COLS=*></FRAMESET> | (* = misura relativa) |
N3.0b | larghezza della cornice | <FRAMESET BORDER=?> | |
N3.0b | cornice | <FRAMESET FRAMEBORDER="yes|no"> | |
N3.0b | colore della cornice | <FRAMESET BORDERCOLOR="#$$$$$$"> | |
N2.0 | Definizione del Frame | <FRAME> | (contenuto di ogni singolo riquadro) |
N2.0 | documento da visualizzare | <FRAME SRC="URL"> | |
N2.0 | denominazione del frame | <FRAME NAME="***"|_blank|_self|_parent|_top> | |
N2.0 | larghezza dei margini | <FRAME MARGINWIDTH=?> | (margine destro e sinistro) |
N2.0 | altezza dei margini | <FRAME MARGINHEIGHT=?> | (margine alto e basso) |
N2.0 | barra di scorrimento? | <FRAME SCROLLING="YES|NO|AUTO"> | |
N2.0 | dimensione non modificabile | <FRAME NORESIZE> | |
N3.0b | cornice | <FRAME FRAMEBORDER="yes|no"> | |
N3.0b | colore della cornice | <FRAME BORDERCOLOR="#$$$$$$"> | |
N2.0 | contenuto in assenza di frame | <NOFRAMES></NOFRAMES> | (per i browser che non supportano i frame) |
Applet | <APPLET></APPLET> | ||
nome del file | <APPLET CODE="***"> | ||
parametri | <APPLET PARAM NAME="***"> | ||
ubicazione del file | <APPLET CODEBASE="URL"> | ||
denominazione del applet | <APPLET NAME="***"> | (per riferimenti presenti nella pagina) | |
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) |
Commenti | <!-- *** --> | (non visualizzati dal browser) | |
HTML 3.2 prologo | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"> [x] | ||
Ricerca | <ISINDEX> | (indica che e' un documento collegato ad un database indicizzato in cui è possibile fare ricerche) | |
Prompt | <ISINDEX PROMPT="***"> | (testo da anteporre alla casella di inserimento) | |
Invio ricerca | <A HREF="URL?***"></a> | (usare il punto di domanda) | |
URL base di questo file | <BASE HREF="URL"> | (deve essere nella testata) | |
N2.0 | denominazione di base della finestra | <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 Sheets) | <STYLE></STYLE> | (non ancora molto diffusi) | |
Scripts | <SCRIPT></SCRIPT> | (non ancora molto diffusi) |