LA GUIDA BARE BONES DI HTML

di Kevin Werbach
Versione 3.0 -- 21 luglio 1996


L'ultima versione di questo documento è disponibile 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
  1. INTRODUZIONE

  2. I COMANDI HTML

    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.

ELEMENTI DI BASE


 

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?> [*]

 

 

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)

<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


 

 

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 (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)

 

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"> [*]

 

 

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)

 
 

Copyright ©1995-1997 Kevin Werbach. E' permessa la distribuzione non commerciale. Questa non è un prodotto di Bare Bones Software; la somiglianza del nome è una pura coincidenza.

 

Indice | Elenco dei comandi | Versione testo | Kevin's Home Page

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