Ecco i tag html più usati:
PROPRIETA’ DELLA PAGINA: SFONDI E COLORI
CODICE
Immagine di sfondo <BODY BACKGROUND="URL">
Colore di sfondo <BODY BGCOLOR="#******">
Colore del testo <BODY TEXT="#******">
Colore dei collegamenti <BODY LINK="#******">
Colore dei collegamenti visitati <BODY VLINK="#******">
Colore del collegamento selezionato <BODY ALINK="#******">
ELEMENTI DI BASE
CODICE
Tipo documento <HTML></HTML> (segnano l'inizio e la fine del file)
Titolo <TITLE></TITLE> (titolo della pagina, da inserire all’interno della testata)
Testata <HEAD></HEAD> (informazioni descrittive; come il titolo)
Corpo <BODY></BODY> (contenuto della pagina)
FORMATTAZIONE DEL TESTO
CODICE
Neretto <B></B>
Corsivo <I></I>
Sottolineato <U></U> (A partire dalle versioni 4.*)
Apice <SUP></SUP>
Pendice <SUB></SUB>
Lampeggiante <BLINK></BLINK> (Supportato solo da Netscape)
Testo scorrevole <MARQUEE></MARQUEE> (Supportato solo da Internet Explorer)
Macchina da scrivere <TT></TT> (Visualizzato a spaziatura fissa)
Preformattato <PRE></PRE> (Visualizzato tale e quale, compresi gli spazi)
Centrato <CENTER></CENTER> (sia per testo che immagini)
Font: dimensioni <FONT SIZE=?></FONT> (valori da 1 a 7)
Font: modifica misura <FONT SIZE="+|-?"></FONT> (valori da –3 a +3)
Font: colore <FONT COLOR="#******"></FONT>
Font: tipo <FONT FACE="Verdana"></FONT> (A partire dalle versioni 4.*)
COLLEGAMENTI (link)
CODICE
Link a un documento <A HREF="URL"></A>
Definizione di un’àncora <A NAME="nomeàncora"></A>
Link a un’àncora dello stessa pagina <A HREF="#nomeàncora"></A>
Link a un’àncora di un’altra pagina <A HREF="URL#nomeàncora"></A>
Link da visualizzare in altro frame <A HREF="URL" TARGET="_nomedelframe"></A>
Link a indirizzo e-mail <A HREF="mailto:indirizzo@posta.it"></A>
IMMAGINI
CODICE
Visualizzazione immagine <IMG SRC="URL">
Immagine: allineamento <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
Immagine: testo in alternativa <IMG SRC="URL" ALT="***"> (se l'immagine non viene visualizzata)
Immagine: dimensioni <IMG SRC="URL" WIDTH=? HEIGHT=?> (in pixel)
Immagine: dimensioni <IMG SRC="URL" WIDTH=?% HEIGHT=?%> (in % d. largh. e alt. d. pagina)
Immagine:bordo <IMG SRC="URL" BORDER=?> (in pixel)
Definizione della mappa <MAP NAME="***"></MAP> (descrizione della mappa)
Sezioni della mappa <AREA SHAPE="DEFAULT|RECT|CIRCLE|POLY" COORDS=",,," HREF="URL"|NOHREF>
FORMATO DI STRUTTURA
CODICE
Titoli <H?></H?> (sono definiti 6 livelli)
Titoli: allineamento <H? ALIGN=LEFT|CENTER|RIGHT></H?> (sinistra|centrato|destra)
Separazione <DIV></DIV>
Separazione: allineamento <DIV ALIGN=LEFT|RIGHT|CENTER|JUSTIFY></DIV> (sinistra|centrato|destra|giustif.)
Contenuto <SPAN></SPAN> (A partire dalle versioni 4.*)
Citazione <BLOCKQUOTE></BLOCKQUOTE> (in genere visualizz. come blocco di testo rientr.)
Citazione breve <Q></Q>
Evidenziato <EM></EM> (in genere visualizzato in corsivo)
Molto evidenziato <STRONG></STRONG> (in genere visualizzato in neretto)
Font molto grande <BIG></BIG>
Font molto piccolo <SMALL></SMALL>
DIVISORI
CODICE
Paragrafo <P></P> (spesso il comando di chiusura viene omesso)
Paragrafo: allineamento <P ALIGN=LEFT|CENTER|RIGHT></P>
Paragrafo: giustificazione <P ALIGN=JUSTIFY></P> (Supportato solo da Netscape)
Interruzione riga <BR> (Singolo ritorno a capo)
Riga orizzontale <HR>
Riga orizzontale: allineamento <HR ALIGN=LEFT|RIGHT|CENTER>
Riga orizzontale: spessore <HR SIZE=?> (in pixel)
Riga orizzontale: larghezza <HR WIDTH=?> (in pixel)
Riga orizzontale: larghezza % <HR WIDTH="?%"> (come percentuale rispetto alla larghezza della pagina)
Riga orizzontale: piena <HR NOSHADE> (senza l'effetto ombra)
I COLORI NELL’HTML: il codice esadecimale
Per definire i colori in html esiste una serie di 140 colori predefiniti per i quali è possibile utilizzare direttamente il nome, come
“red”, “yellow”, ecc. Tuttavia i colori disponibili sono oltre 16 milioni, ossia le varie combinazioni di 256 livelli di rosso, di verde
e di blu (#RRGGBB), ottenute mediante coppie di caratteri esadecimali (1,2,3,4,5,6,7,8,9,0,A,B,C,D,E,F).
Ecco alcuni esempi di colori:
CODICE
#000000 – “black” – nero (i grafici indicano R=0 G=0 B=0, e quindi in esadecimale diventa #000000)
#FFFFFF – “white” – bianco (per i grafici R=255 G=255 B=255, in esadecimale #FFFFFF)
#FF0000 – “red” – rosso (per i grafici R=255 G=0 B=0, in esadecimale #FF0000)
#008000 – “green” – verde (per i grafici R=0 G=128 B=0, in esadecimale #008000)
#0000FF – “blue” – blu (per i grafici R=0 G=0 B=255, in esadecimale #0000FF)
#FFFF00 – “yellow” – giallo (per i grafici R=255 G=255 B=0, in esadecimale #FFFF00)
