Guida all'HTML di Massimiliano Valente

c-- o-- d-- i-- c-- e
tutti i comandi

LA GUIDA BARE BONES DI HTML

di Kevin Werbach
Versione 3.0 -- 21 luglio 1996

L'ultima versione di questo documento è disponibile anche a <http://werbach.com/barebones/>.

La guida elenca tutti i comandi che le versioni attuali della maggioranza dei browser probabilmente supportano. Ho incluso tutti i comandi presenti nelle specifiche di HTML 3.2 , come pure le estensioni presenti in Netscape Navigator, fino alla versione 3.0b5. Questa guida è stata ideata per essere più sintetica possibile; sono disponibili informazioni più dettagliate nella mia WWW Help Page. Sono sempre benvenuti commenti e suggerimenti.

Indice

INTRODUZIONE
- I comandi HTML inclusi
- Impaginazione di questo documento (include una descrizione dei simboli e delle abbreviazioni)
I COMANDI HTML
- Elementi di base (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 (quadri)
- Java
- Vari
Importante: Se non è chiara la differenza tra i comandi HTML 2.0, HTML 3.0, HTML 3.2 e le estensioni di Netscape, consiglio di leggere il W3C statement sullo sviluppo di HTML.


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?>` *[]**
Blocchi divisi	`<DIV></DIV>`
Allineamento	`<DIV ALIGN=LEFT\|RIGHT\|CENTER></DIV>`
Blocco di citazioni	`<BLOCKQUOTE></BLOCKQUOTE>` *[]**	(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>` *[]**	(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)
	ad un punto(target)	`<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>` *[]**	(spesso il tag di chiusura non è necessario)
	Allineamento	`<P ALIGN=LEFT\|CENTER\|RIGHT></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)
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)
tipo di pallina	`<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)
tipo di numero	`<LI TYPE=A\|a\|I\|i\|1>`	(questo e successivi)
numero di partenza	`<OL START=?>`	(per tutta la lista)
numero di partenza	`<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)
	<	`<`
	>	`>`
	&	`&`
	"	`"`
	Registered TM	`®`
	Copyright	`©`
	Non-Breaking Space	` `
(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 (quadri)
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)

VARI
	Commenti	`<!-- *** -->`	(non visualizzati dal browser)
	HTML 3.2 prologo	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">` *[]**
	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)

Traduzione a cura di Kay Martha Quittan (per informazioni vedi Kay On Line)

Guida al linguaggio e alla programmazione HTML di Massimiliano Valente - 1998