Mini guida HTML: raccolta dei tags principali


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
	Titoli	`<H?></H?>`	(sono definiti 6 livelli)
	allineamento	`<H? ALIGN=LEFT\|CENTER\|RIGHT></H?>`
	Separazione	`<DIV></DIV>`
	allineamento	`<DIV ALIGN=LEFT\|RIGHT\|CENTER\|JUSTIFY></DIV>`
4.0	Contenuto	`<SPAN></SPAN>`
	Citazione	`<BLOCKQUOTE></BLOCKQUOTE>`	(in genere visualizzato come blocco di testo rientrato)
4.0	Citazione	`<Q></Q>`	(per citazioni brevi)
4.0	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>`
4.0	Inserito	`<INS></INS>`	(segna le modifiche introdotte in una nuova versione)
4.0	data modifica	`<INS DATETIME=":::"></INS>`
4.0	commenti	`<INS CITE="URL"></INS>`
4.0	Cancellato	`<DEL></DEL>`	(segna le cancellazioni apportate in una nuova versione)
4.0	data modifica	`<DEL DATETIME=":::"></DEL>`
4.0	commenti	`<DEL CITE="URL"></DEL>`
4.0	Acronimo	`<ACRONYM></ACRONYM>`
4.0	Abbreviazione	`<ABBR></ABBR>`

FORMATO DI PRESENTAZIONE
	Neretto	`<B></B>`
	Italic	`<I></I>`
4.0*	Corsivo	`<U></U>`	(poco utilizzato)
	Barrato	`<STRIKE></STRIKE>`	(poco utilizzato)
4.0*	Barrato	`<S></S>`	(poco utilizzato)
	Pendice	`<SUB></SUB>`
	Apice	`<SUP></SUP>`
	Macchina da scrivere	`<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	Lampeggiante	`<BLINK></BLINK>`	(il comando più ridicolo)
	Font: misura	`<FONT SIZE=?></FONT>`	(valori da 1 a 7)
	modifica misura	`<FONT SIZE="+\|-?"></FONT>`
	colore	`<FONT COLOR="#$$$$$$"></FONT>`
4.0*	tipo	`<FONT FACE="***"></FONT>`
N4	misura in punti	`<FONT POINT-SIZE=?></FONT>`
N4	spessore	`<FONT WEIGHT=?></FONT>`
4.0*	Font: misura base	`<BASEFONT SIZE=?>`	(da 1 a 7; valore default 3)
MS	Testo scorrevole	`<MARQUEE></MARQUEE>`

COLLOCAZIONE
N3	Multicolonne	`<MULTICOL COLS=?></MULTICOL>`
N3	spazio tra colonne	`<MULTICOL GUTTER=?></MULTICOL>`
N3	larghezza colonna	`<MULTICOL WIDTH=?></MULTICOL>`
N3	Spazio	`<SPACER>`
N3	tipo	`<SPACER TYPE=HORIZONTAL\|VERTICAL\|BLOCK>`
N3	misura	`<SPACER SIZE=?>`
N3	dimensioni	`<SPACER WIDTH=? HEIGHT=?>`
N3	allineamento	`<SPACER ALIGN=LEFT\|RIGHT\|CENTER>`
N4	Layer (strato)	`<LAYER></LAYER>`
N4	nome	`<LAYER ID="***"></LAYER>`
N4	ubicazione	`<LAYER LEFT=? TOP=?></LAYER>`
N4	posizione (x,y)	`<LAYER PAGEX=? PAGEY=?></LAYER>`
N4	file sorgente	`<LAYER SRC="***"></LAYER>`
N4	stacking (z)	`<LAYER Z-INDEX=?></LAYER>`
N4	posizione stack	`<LAYER ABOVE="*" BELOW="*"></LAYER>`
N4	dimensioni	`<LAYER HEIGHT=? WIDTH=?></LAYER>`
N4	ritaglio	`<LAYER CLIP=,,,></LAYER>`
N4	visibile ?	`<LAYER VISIBILITY=SHOW\|HIDDEN\|INHERIT></LAYER>`
N4	colore sfondo	`<LAYER BACKGROUND="$$$$$$"></LAYER>`
N4	colore sfondo	`<LAYER BGCOLOR="$$$$$$"></LAYER>`
N4	Inline Layer	`<ILAYER></ILAYER>`	(con gli stessi attributi di LAYER)
N4	Contenuto in alternativa	`<NOLAYER></NOLAYER>`

COLLEGAMENTI, IMMAGINI E 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)
4.0*	una finestra	`<A HREF="URL" TARGET="***"></A>`
4.0*	mouse click	`<A HREF="URL" ONCLICK="***"></A>`	(Javascript)
4.0*	mouse selezione	`<A HREF="URL" ONMOUSEOVER="***"></A>`	(Javascript)
4.0*	mouse deselezione	`<A HREF="URL" ONMOUSEOUT="***"></A>`	(Javascript)
	indirizzo email	`<A HREF="mailto:@"></A>`
N, MS	con oggetto del messaggio	`<A HREF="mailto:@?SUBJECT=***"></A>`	(utilizzare il carattere ?)
	Definizione del riferimento	`<A NAME="***"></A>`
	Visualizzazione immagine	`<IMG SRC="URL">`
	allineamento	`<IMG SRC="URL" ALIGN=TOP\|BOTTOM\|MIDDLE\|LEFT\|RIGHT>`
N1	allineamento	`<IMG SRC="URL" ALIGN=TEXTTOP\|ABSMIDDLE\|BASELINE\|ABSBOTTOM>`
	testo in alternativa	`<IMG SRC="URL" ALT="***">`	(se l'immagine non viene visualizzata)
	dimensioni	`<IMG SRC="URL" WIDTH=? HEIGHT=?>`	(in pixel)
		`<IMG SRC="URL" WIDTH=% HEIGHT=%>`	(in percentuale della larghezza e altezza della pagina)
	bordo	`<IMG SRC="URL" BORDER=?>`	(in pixel)
	spazio perimetrale	`<IMG SRC="URL" HSPACE=? VSPACE=?>`	(in pixel)
N1	prima a bassa risoluzione	`<IMG SRC="URL" LOWSRC="URL">`
	mappa	`<IMG SRC="URL" ISMAP>`	(richiede uno script)
	mappa URL	`<IMG SRC="URL" USEMAP="URL">`
MS	clip di film	`<IMG DYNSRC="*" START="*" LOOP=?>`
MS	Suono di fondo	`<BGSOUND SRC="***" LOOP=?\|INFINITE>`
	Definizione della mappa	`<MAP NAME="***"></MAP>`	(descrizione della mappa)
	sezioni	`<AREA SHAPE="DEFAULT\|RECT\|CIRCLE\|POLY" COORDS=",,," HREF="URL"\|NOHREF>`
N1	Metodo per la richiesta automatica di un URL	`<META HTTP-EQUIV="Refresh" CONTENT="?; URL=URL">`
N2	Incorporazione oggetti	`<EMBED SRC="URL">`	(inserisce l'oggetto nella pagina)
N2	misure	`<EMBED SRC="URL" WIDTH=? HEIGHT=?>`
4.0	Oggetto	`<OBJECT></OBJECT>`
4.0	parametri	`<PARAM>`

DIVISORI
	Paragrafo	`<P></P>`	(spesso il comando di chiusura viene omesso)
	allineamento	`<P ALIGN=LEFT\|CENTER\|RIGHT></P>`
N	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)
N1	Senza interruzione	`<NOBR></NOBR>`	(per evitare l'interruzione automatica della riga)
N1	Interruzione	`<WBR>`	(per inserire l'interruzione in NOBR)


Liste senza ordine	`<UL><LI></UL>`	(prima di ogni elemento)
compatta	`<UL COMPACT></UL>`
tipo di puntatore	`<UL TYPE=DISC\|CIRCLE\|SQUARE>`	(per tutta la lista)
tipo di puntatore	`<LI TYPE=DISC\|CIRCLE\|SQUARE>`	(questo e successivi)
Liste numerate	`<OL><LI></OL>`	(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)
num. di partenza	`<OL START=?>`	(per tutta la lista)
num. 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>`	(prima di ogni elemento)
compatta	`<MENU COMPACT></MENU>`
Lista tipo indirizzario	`<DIR><LI></DIR>`	(prima di ogni elemento)
compatta	`<DIR COMPACT></DIR>`

SFONDI
	Immagine di sfondo	`<BODY BACKGROUND="URL">`
MS	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 all'indirizzo


Carattere speciale	`&#?;`	(dove ? indica il codice ISO 8859-1)
<	`<`
>	`>`
&	`&`
"	`"`
Marchio registrato (TM)	`®`
Marchio registrato (TM)	`®`
Copyright	`©`
Copyright	`©`
Spazio da mantenere	` `
(La lista completa è disponibile all'indirizzo

MODULI
	Definizione	`<FORM ACTION="URL" METHOD=GET\|POST></FORM>`
4.0*	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)
4.0	Bottone	`<BUTTON></BUTTON>`
4.0	nome	`<BUTTON NAME="***"></BUTTON>`
4.0	tipo	`<BUTTON TYPE="SUBMIT\|RESET\|BUTTON"></BUTTON>`
4.0	valore iniziale	`<BUTTON VALUE="***"></BUTTON>`
4.0	Etichetta	`<LABEL></LABEL>`
4.0	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)
	opz.iniziale	`<OPTION SELECTED>`
	valore	`<OPTION VALUE="***">`
4.0	Gruppo di opz.	`<OPTGROUP LABEL="***"></OPTGROUP>`
	Area di immissione	`<TEXTAREA ROWS=? COLS=?></TEXTAREA>`
	nome dell'area	`<TEXTAREA NAME="***"></TEXTAREA>`
N2	ritorno a capo nel testo	`<TEXTAREA WRAP=OFF\|HARD\|SOFT></TEXTAREA>`
4.0	Gruppo di campi	`<FIELDSET></FIELDSET>`
4.0	Legenda	`<LEGEND></LEGEND>`	(didascalia per i fieldset)
4.0	allineamento	`<LEGEND ALIGN="TOP\|BOTTOM\|LEFT\|RIGHT"></LEGEND>`

TABELLE
	Definizione	`<TABLE></TABLE>`
4.0*	allineamento	`<TABLE ALIGN=LEFT\|RIGHT\|CENTER>`
	bordo	`<TABLE BORDER></TABLE>`	(con o senza)
	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)
4.0*	colore sfondo	`<TABLE BGCOLOR="$$$$$$"></TABLE>`
4.0	cornice	`<TABLE FRAME=VOID\|ABOVE\|BELOW\|HSIDES\|LHS\|RHS\| VSIDES\|BOX\|BORDER></TABLE>`
4.0	regole	`<TABLE RULES=NONE\|GROUPS\|ROWS\|COLS\|ALL></TABLE>`
MS	colore bordo	`<TABLE BORDERCOLOR="$$$$$$"></TABLE>`
MS	colore scuro	`<TABLE BORDERCOLORDARK="$$$$$$"></TABLE>`
MS	colore chiaro	`<TABLE BORDERCOLORLIGHT="$$$$$$"></TABLE>`
	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 VALIGN=TOP\|MIDDLE\|BOTTOM>`
	senza interruzione	`<TD NOWRAP>`
	unione colonne	`<TD COLSPAN=?>`
	unione righe	`<TD ROWSPAN=?>`
4.0*	larghezza	`<TD WIDTH=?>`	(in pixel)
N3	larghezza %	`<TD WIDTH="%">`	(in percentuale rispetto alla tabella)
4.0*	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\|MIDDLE\|BOTTOM>`
	senza interruzione	`<TH NOWRAP>`
	unione colonne	`<TH COLSPAN=?>`
	unione righe	`<TH ROWSPAN=?>`
4.0*	larghezza	`<TH WIDTH=?>`	(in pixel)
N3	larghezza %	`<TH WIDTH="%">`	(in percentuale rispetto alla tabella)
4.0*	colore di sfondo della cella	`<TH BGCOLOR="#$$$$$$">`
4.0	Corpo tabella	`<TBODY>`
4.0	Piè di pagina	`<TFOOT></TFOOT>`	(deve essere indicato prima di `THEAD` )
4.0	Titolo	`<THEAD></THEAD>`
	Legenda	`<CAPTION></CAPTION>`
	allineamento	`<CAPTION ALIGN=TOP\|BOTTOM\|LEFT\|RIGHT>`
4.0	Colonna	`<COL></COL>`	(attributi per gruppi di colonne)
4.0	unione colonne	`<COL SPAN=?></COL>`
4.0	larghezza	`<COL WIDTH=?></COL>`
4.0	larghezza %	`<COL WIDTH="%"></COL>`
4.0	Gruppo colonne	`<COLGROUP></COLGROUP>`	(struttura di gruppi di colonne)
4.0	unione colonne	`<COLGROUP SPAN=?></COLGROUP>`
4.0	larghezza	`<COLGROUP WIDTH=?></COLGROUP>`
4.0	larghezza %	`<COLGROUP WIDTH="%"></COLGROUP>`

FRAME
4.0*	Documento Frame	`<FRAMESET></FRAMESET>`	(al posto di <BODY>)
4.0*	altezza in righe	`<FRAMESET ROWS=,,,></FRAMESET>`	(pixel o %)
4.0*	altezza in righe	`<FRAMESET ROWS=*></FRAMESET>`	(* = misura relativa)
4.0*	larghezza in colonne	`<FRAMESET COLS=,,,></FRAMESET>`	(pixel o %)
4.0*	larghezza in colonne	`<FRAMESET COLS=*></FRAMESET>`	(* = misura relativa)
4.0*	cornice	`<FRAMESET FRAMEBORDER="yes\|no"></FRAMESET>`
4.0*	larghezza	`<FRAMESET BORDER=?></FRAMESET>`
4.0*	colore	`<FRAMESET BORDERCOLOR="#$$$$$$"></FRAMESET>`
N3	spaziatura	`<FRAMESET FRAMESPACING=?></FRAMESET>`
4.0*	Definizione del Frame	`<FRAME>`	(contenuto di una sezione)
4.0*	documento da visualizzare	`<FRAME SRC="URL">`
4.0*	denominazione	`<FRAME NAME="***"\|_blank\|_self\|_parent\|_top>`
4.0*	larghezza dei margini	`<FRAME MARGINWIDTH=?>`	(margine destro e sinistro)
4.0*	altezza dei margini	`<FRAME MARGINHEIGHT=?>`	(margine alto e basso)
4.0*	barra di scorrimento ?	`<FRAME SCROLLING="YES\|NO\|AUTO">`
4.0*	dimensione non modificabile	`<FRAME NORESIZE>`
4.0*	cornice	`<FRAME FRAMEBORDER="yes\|no">`
4.0*	colore della cornice	`<FRAME BORDERCOLOR="#$$$$$$">`
4.0*	Contenuto in assenza di frame	`<NOFRAMES></NOFRAMES>`	(per i browser che non supportano i frame)
4.0	Inline Frame	`<IFRAME></IFRAME>`	(con gli stessi attributi di FRAME)
4.0	dimensioni	`<IFRAME WIDTH=? HEIGHT=?></IFRAME>`
4.0	dimensioni	`<IFRAME WIDTH="%" HEIGHT="%"></IFRAME>`

SCRIPT E JAVA
	Script	`<SCRIPT></SCRIPT>`
	Ubicazione	`<SCRIPT SRC="URL"></SCRIPT>`
	Tipo	`<SCRIPT TYPE="***"></SCRIPT>`
	Linguaggio	`<SCRIPT LANGUAGE="***"></SCRIPT>`
4.0*	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)
N4	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)
4.0*	Nome della finestra di base	`<BASE TARGET="***">`	(deve essere nella testata)
	Relazioni	`<LINK REV="*" REL="*" HREF="URL">`	(deve essere nella testata)
N4	Relazioni	`<LINK TYPE="*" SRC="*"></LINK>`
	Meta Informazioni	`<META>`	(deve essere nella testata)
	Fogli di stile	`<STYLE></STYLE>`	(varie modalità di impiego)
4.0	Bidirect Off	`<BDO DIR=LTR\|RTL></BDO>`	(per alcuni set di caratteri)

Mini guida HTML: RACCOLTA dei principali TAGS