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)
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
Visualizzazione immagine <IMG SRC="URL">
Immagine: allineamento <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT>
Immagine: testo in alternativa <IMG SRC="URL" ALT="***">
Immagine: dimensioni (in pixel) <IMG SRC="URL" WIDTH=? HEIGHT=?>
Immagine: dimensioni (in % d. largh. e alt. d. pagina) <IMG SRC="URL" WIDTH=?% HEIGHT=?%>
Immagine:bordo (in pixel) <IMG SRC="URL" BORDER=?>
Formato di Struttura
Separazione <DIV></DIV>
Separazione: <DIV ALIGN=LEFT | RIGHT | CENTER | (sinistra | centrato | destra | giustif.)
allineamento JUSTIFY></DIV>
Citazione <BLOCKQUOTE></BLOCKQUOTE>
(in genere visualizz. come blocco di testo
rientr.)
Font molto grande <BIG></BIG>
Font molto piccolo <SMALL></SMALL>
Divisori
Paragrafo (spesso il comando di chiusura viene omesso) <P></P>
Paragrafo: allineamento <P ALIGN=LEFT|CENTER|RIGHT></P>
Paragrafo: giustificazione (Supportato solo da Netscape) <P ALIGN=JUSTIFY></P>
Interruzione riga (Singolo ritorno a capo) <BR>
Riga orizzontale <HR>
Riga orizzontale: allineamento <HR ALIGN=LEFT|RIGHT|CENTER>
Riga orizzontale: spessore (in pixel) <HR SIZE=?>
Riga orizzontale: larghezza (in pixel) <HR WIDTH=?>
Riga orizzontale: larghezza % risp. alla largh. della pagina <HR WIDTH="?%">
Riga orizzontale: piena (senza l'effetto ombra) <HR NOSHADE>
Elenchi puntati, numerati ecc...
Elenco puntato <UL><LI></UL> (<LI> prima di ogni elemento)
Elenco puntato compatto <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)
Elenco numerato <OL><LI></OL> (<LI> prima di ogni elemento)
Elenco numerato compatto <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)
Elenco di definizioni <DL><DT><DD></DL> (<DT>=termine, <DD>=definizione)
Elenco di definizioni compatto <DL COMPACT></DL>
Elenco tipo Menu <MENU><LI></MENU> (<LI> prima di ogni elemento)
Elenco tipo Menu compatto <MENU COMPACT></MENU>
Elenco tipo indirizzario <DIR><LI></DIR> (<LI> prima di ogni elemento)
Elenco tipo indirizzario compatto <DIR COMPACT></DIR>
Tabelle
Inizio e fine tabella <TABLE></TABLE>
Tabella: allineamento <TABLE ALIGN=LEFT|RIGHT|CENTER> (A partire dalle versioni 4.*)
Tabella: spessore bordo <TABLE BORDER=?></TABLE> (numero pixel; con '0' non è visibile)
Spazio tra le celle <TABLE CELLSPACING=?>
Spazio nelle celle <TABLE CELLPADDING=?>
Larghezza tabella (in pixel) <TABLE WIDTH=?>
Larghezza % tabella <TABLE WIDTH="?%">
(in perc. risp. alla pagina o alla tabella più
esterna)
Tabella: colore di sfondo <TABLE BGCOLOR="#******"></TABLE>
Riga <TR></TR>
Allineamento della riga
(orizzontale e verticale)
<TR ALIGN=LEFT|RIGHT|CENTER
VALIGN=TOP|MIDDLE|BOTTOM>
Cella <TD></TD> (deve essere all'interno di una riga)
Allineamento della cella
(orizzontale e verticale)
<TD ALIGN=LEFT|RIGHT|CENTER
VALIGN=TOP|MIDDLE|BOTTOM>
Senza interruzione <TD NOWRAP>
Unione colonne <TD COLSPAN=?>
Unione righe <TD ROWSPAN=?>
Larghezza celle (in pixel) <TD WIDTH=?>
Larghezza % celle <TD WIDTH="?%"> (in percentuale risp. alla tabella)
Colore di sfondo della cella <TD BGCOLOR="#******">
Frame
Documento Frame <FRAMESET></FRAMESET> (al posto di <BODY>)
Impostazione frame div.
Orizz.
<FRAMESET ROWS=?,*></FRAMESET> (altezza in pixel o %)
Larghezza dei frame div.
Vert.
<FRAMESET COLS=*,?></FRAMESET> (larghezza in pixel o %)
Bordo fra i frame
<FRAMESET FRAMEBORDER="yes |
no"></FRAMESET>
(Sì | No)
Larghezza dei bordi fra i
frame
<FRAMESET BORDER=?>
Colore del bordo fra i
frame
<FRAMESET BORDERCOLOR="#******">
Spaziatura fra i frame <FRAMESET FRAMESPACING=?></FRAMESET>
Definizione del Frame <FRAME> (contenuto di una sezione)
Documento da visualizzare <FRAME SRC="URL">
Denominazione <FRAME NAME="***"|_blank|_self|_parent|_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"> (sì | no | automatico)
Dimensione non
modificabile
<FRAME NORESIZE>
Presenza del bordo <FRAME FRAMEBORDER="yes|no">
Colore del bordo <FRAME BORDERCOLOR="#******">
Contenuto in assenza di
frame
<NOFRAMES></NOFRAMES>
(visualizzato dai browser che non
supportano i frame)
Frame interno <IFRAME></IFRAME> (con gli stessi attributi di FRAME)
Frame interno: dimensioni <IFRAME WIDTH=? HEIGHT=?></IFRAME>
Frame interno: dimensioni
%
<IFRAME WIDTH="?%" HEIGHT="?%"></IFRAME>
Tag Vari
Commenti (non visualizzati dal browser) <!-- testo del commento -->
Dichiarazione tipo di file (primissima riga) <!doctype html public "-//w3c//dtd html 4.0 transitional//en">
Per facilitare l’opera di indicizzazione dei motori di ricerca utilizzate i seguenti tag (da inserire nella testata)
Autore del documento html <meta name="Author" content="nomedellautore">
Descrizione dei contenuti <meta name="Description" content="testodelladescrizione">
Parole-chiave per ricerche <meta name="Keywords" content="parole, chiave, da, inserire">
Caratteri Speciali
< (minore di) <
> (maggiore di) >
& (e commerciale) &
" (virgoletta) "
© (Copyright) ©
® (Marchio registrato) ®
(Spazio)
ç (cediglia) ç
à à
é
è
ì
ò
ù
À À
È É
ñ (n con tilde) ñ
(euro) €
£ (lira) £
¥ (yen) ¥
§ (sezione) §
È È
Ì Ì
Ò Ò
Ù Ù
Con questi tag è possibile quindi creare pagine in HTML.
Nella prossima guida approfondiremo i più importanti.