GUIDA AL LINGUAGGIO HTML

VERSIONE 3.2

I COMANDI HTML

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

ELEMENTI OBBLIGATORI

  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)


   

FORMATTAZIONE DI STRUTTURA

  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>  


 

FORMATTAZIONE DI PRESENTAZIONE

  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>  


   

COLLEGAMENTI E GRAFICI

  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=?>  


 

DIVISORI

  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

 

  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>  


 

SFONDO E COLORI

  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)


CARATTERI SPECIALI (devono essere digitati in caratteri minuscoli)

  carattere speciale &#?; (dove ? indica il codice ISO 8859-1)
  < &lt;  
  > &gt;  
  & &amp;  
  " &quot;  
  Registered TM &reg;  
  Copyright &copy;  
  Non-Breaking Space &nbsp;  

(La lista completa è disponibile a http://www.uni-passau.de/%7Eramsch/iso8859-1.html)


MODULI

  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>  


 

TABELLE

  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)


 

FRAME

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)

 

JAVA

  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)

 

VARI

  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)