Elenco Tag HTML

Appunti di HTML
HTML: riepilogo dei TAG

Il presente dicumento è tratto dalla guida Bare Bones di HTML, disponibile sul sito
http://werbach.com/barebones/.
Si utilizzano le specifiche HTML 3.2, come pure le estensioni presenti in Netscape Navigator, fino alla
versione 3.0b5.
SIMBOLI UTILIZZATI
URL URL di un file esterno (oppure il nome del file se presente nella stessa directory)
? numero arbitrario (ad esempio: <H?> significa <H1>,<H2>,<H3>,ecc.)
% percentuale arbitraria (ad esempio: <HR WIDTH=%> significa <HR WIDTH=50%>, ecc.)
*** testo arbitrario (ad esempio: ALT="***" significa spazio da riempire con testo)
$$$$$$ esadecimali (hex) arbitrari (es.: BGCOLOR="#$$$$$$" è BGCOLOR="#00FF1C", ecc.)
,,, campi separati da virgole (es. COORDS=",,," è COORDS="0,0,50,50", ecc.)
| in alternativa (es. ALIGN=LEFT|RIGHT|CENTER significa scegli uno di questi tre valori)
[*] collegamento ad una nota
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)
Commenti  (non visualizzati dal browser)
SFONDO, COLORI E SUONI

Immagine di sfondo <BODY BACKGROUND="URL">
Colore di sfondo <BODY BGCOLOR="#$$$$$$"> (Red/Green/Blue)
Colore del testo <BODY TEXT="#$$$$$$">
Colore dei collegamenti <BODY LINK="#$$$$$$">
Colore dei collegamenti visitati <BODY VLINK="#$$$$$$">
Colore del collegamento <BODY ALINK="#$$$$$$">
selezionato
Colonna sonora <BGSOUND SRC="URL"> Solo WAV e MIDI
Classe 3aD Abacus a.s. 2002/03 Pag. 1/8

Appunti di HTML
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>
Sottolineato (Underline) <U></U>
Depennato (Strikeout) <STRIKE></STRIKE>
Depennato (Strikeout) <S></S>
Pedice (Subscript) <SUB></SUB>
Apice (Superscript) <SUP></SUP>
Macchina da scrivere <TT></TT> (visualizzato a spaziatura
(Typewriter) fissa)
Preformattato <PRE></PRE> (visualizzato tale e quale)
Larghezza <PRE WIDTH=?></PRE> (in caratteri)
Centrato <CENTER></CENTER> (sia per testo che immagini)
Lampeggiante (Blinking) <BLINK></BLINK>
Testo scorrevole <MARQUEE BEHAVIOR=SCROLL|SLIDE|
(marquee) ALTERNATE DIRECTION=LEFT|RIGHT LOOP=?
SCROLLAMOUNT=? SCROLLDELAY=?
Grandezza del Font <FONT SIZE=?></FONT> (valori da 1 a 7)

Appunti di HTML
Cambio grandezza font <FONT SIZE="+|-?"></FONT>

Grandezza font di base <BASEFONT SIZE=?> (da 1 a 7; default 3)
Colore del font <FONT COLOR="#$$$$$$"></FONT>
Selezione del Font <FONT FACE="***"></FONT>
Testo in più colonne <MULTICOL COLS=?></MULTICOL>
Spazio tra le colonne <MULTICOL GUTTER=?></MULTICOL> (lo standard è di 10
pixel)
Larghezza della colonna <MULTICOL WIDTH=?></MULTICOL>
Spazio (Spacer) <SPACER>
Tipo di spazio <SPACER TYPE=horizontal | vertical |
block>
Grandezza dello spazio <SPACER SIZE=?>
Dimensione dello spazio <SPACER WIDTH=? HEIGHT=?>
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)
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>
Allineamento <IMG SRC="URL" ALIGN=TEXTTOP|
ABSMIDDLE|BASELINE|ABSBOTTOM>
Testo alternativo <IMG SRC="URL" ALT="***"> (quando non viene
visualizzata l'immagine)
Mappa navigabile <IMG SRC="URL" ISMAP> (richiede un script)
(Imagemap)
Mappa navigabile locale <IMG SRC="URL" USEMAP="URL">
Denominazione della <MAP NAME="***"></MAP>
mappa
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)
Bassa risoluzione <IMG SRC="URL" LOWSRC="URL">

Appunti di HTML
Filmati .AVI <IMG DYNSCR="URL" START=FILEOPEN | Solo filmati .AVI

MOUSEOVER>
Incorporazione di oggetti <EMBED SRC="URL"> (inserimento oggetto nella
pagina)
Grandezza oggetto <EMBED SRC="URL" WIDTH=? HEIGHT=?>
DIVISORI
Paragrafo <P></P>
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)
Larghezza in <HR WIDTH="%"> (come percentuale rispetto alla
percentuale larghezza della pagina)
Riga piena <HR NOSHADE> (senza l'effetto 3D)
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>
Compatta <DIR COMPACT></DIR>
CARATTERI SPECIALI (devono essere digitati in caratteri minuscoli)

Appunti di HTML
Carattere speciale &#?; (dove ? indica il codice ISO 8859-1)

< <
> >
& &
" "
Registered TM ®
Copyright ©
Non-Breaking Space (spazio)
MODULI (FORM)
Definizione <FORM ACTION="URL"
METHOD=GET|POST></FORM>
Upload di file <FORM
ENCTYPE="multipart/formdata">
</FORM>
Campo di immissione <INPUT TYPE="TEXT | PASSWORD
| CHECKBOX | RADIO | IMAGE |
HIDDEN | SUBMIT | RESET">
Denominazione del <INPUT NAME="***">
campo
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 <SELECT NAME="***"></SELECT>
campo
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 <TEXTAREA
campo NAME="***"></TEXTAREA>
Divisione del testo <TEXTAREA WRAP=OFF|VIRTUAL|
PHYSICAL></TEXTAREA>
TABELLE

Appunti di HTML
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 <TABLE WIDTH="%"> (percentuale rispetto alla pagina)
percentuale
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=?>
Larghezza desiderata <TD WIDTH=?> (in pixel)
Larghezza desiderata <TD WIDTH="%"> (percentuale rispetto alla tabella)
in percentuale
Colore di sfondo della <TD BGCOLOR="#$$$$$$">
cella
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=?>
Larghezza desiderata <TH WIDTH=?> (in pixel)
Larghezza desiderata <TH WIDTH="%"> (percentuale rispetto alla tabella)
in Percentuale
Colore di sfondo della <TH BGCOLOR="#$$$$$$">

cella
Legenda della tabella <CAPTION></CAPTION>
Allineamento <CAPTION ALIGN=TOP|BOTTOM> (sopra o sotto la tabella)

Appunti di HTML
FRAME (quadri)
Documento frame <FRAMESET></FRAMESET> (al posto di <BODY>)
Altezza in righe <FRAMESET ROWS=,,,></FRAMESET> (pixel o %)
Altezza in righe <FRAMESET ROWS=*></FRAMESET> (* = misura relativa)
Larghezza in colonne <FRAMESET COLS=,,,></FRAMESET> (pixel o %)
Larghezza in colonne <FRAMESET COLS=*></FRAMESET> (* = misura relativa)
Larghezza della <FRAMESET BORDER=?>
cornice
Cornice <FRAMESET FRAMEBORDER="yes|no">
Colore della cornice <FRAMESET BORDERCOLOR="#$$$$$$">
Definizione del Frame <FRAME> (contenuto di ogni singolo
riquadro)
Documento da <FRAME SRC="URL">
visualizzare
Denominazione del <FRAME NAME="***"|_blank|_self|_parent|
frame _top>
Larghezza dei margini <FRAME MARGINWIDTH=?> (margine destro e sinistro)
Altezza dei margini <FRAME MARGINHEIGHT=?> (margine alto e basso)
Barra di scorrimento <FRAME SCROLLING="YES|NO|AUTO">
Dimensione non <FRAME NORESIZE>
modificabile
Cornice <FRAME FRAMEBORDER="yes|no">
Colore della cornice <FRAME BORDERCOLOR="#$$$$$$">
Contenuto in assenza <NOFRAMES></NOFRAMES> (per i browser che non
di frame supportano i frame)
JAVA
Applet <APPLET></APPLET>
Nome del file <APPLET CODE="***">
Parametri <APPLET PARAM NAME="***">
Ubicazione del file <APPLET CODEBASE="URL">
Denominazione <APPLET NAME="***"> (per riferimenti presenti nella
dell'applet 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)

Appunti di HTML
VARI
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 <BASE HREF="URL"> (deve essere nella testata)
file
denominazione di <BASE TARGET="***"> (deve essere nella testata)
base della finestra
Relazioni <LINK REV="***" REL="***" HREF="URL"> (deve essere nella testata)
Meta Informazioni <META> (deve essere nella testata)
Fogli di stile (Style <STYLE></STYLE>
Sheets)
Scripts <SCRIPT></SCRIPT>

Elenco Tag HTML

Caricato da

Informazioni sul documento

Copyright

Formati disponibili

Condividi questo documento

Condividi o incorpora il documento

Opzioni di condivisione

Hai trovato utile questo documento?

Questo contenuto è inappropriato?

Copyright:

Formati disponibili

Elenco Tag HTML

Caricato da

Copyright:

Formati disponibili

Appunti di HTML

HTML: riepilogo dei TAG

SFONDO, COLORI E SUONI

Classe 3aD Abacus a.s. 2002/03 Pag. 1/8

Neretto (Bold) <B></B>

Classe 3aD Abacus a.s. 2002/03 Pag. 2/8

Cambio grandezza font <FONT SIZE="+|-?"></FONT>

Classe 3aD Abacus a.s. 2002/03 Pag. 3/8

Filmati .AVI <IMG DYNSCR="URL" START=FILEOPEN | Solo filmati .AVI

CARATTERI SPECIALI (devono essere digitati in caratteri minuscoli)

Classe 3aD Abacus a.s. 2002/03 Pag. 4/8

Carattere speciale &#?; (dove ? indica il codice ISO 8859-1)

Classe 3aD Abacus a.s. 2002/03 Pag. 5/8

Colore di sfondo della <TH BGCOLOR="#$$$$$$">

Classe 3aD Abacus a.s. 2002/03 Pag. 6/8

Classe 3aD Abacus a.s. 2002/03 Pag. 7/8

Classe 3aD Abacus a.s. 2002/03 Pag. 8/8

Potrebbero piacerti anche