Formattazione
<BASEFONT>
Specifica le dimensioni del carattere di base su cui si basano poi tutte le relative modifiche di <FONT SIZE=+n>
Il valore di default è 3 e può essere compreso tra 1 e 7. Questo Tag è in via di estinzione visto che con i nuovi browser e i relativi fogli di style si ha la sempre più la tendenza a non adoperare più il tag <FONT>.
SI possono inserire anche altri due attributi:
<BR>
L'elemento <BR> specifica che una nuova riga deve iniziare in un determinato punto, un ritorno a capo forzato, più <BR> consecutivi equivalgono a più righe saltate. Con l'aggiunta di immagini flottanti, allineate a destra o sinistra con il testo che le contorna, è possibile aggiungere l'attributo CLEAR con i seguenti risultati:
CLEAR=left : Spezza la riga e si sposta verticalmente verso il basso fino ad avere un margine sinistro libero.
CLEAR=right : Stessa cosa ma con margine libero destro.
CLEAR=ALL : Si sposta verso il basso fino a quando entrambi i margini non siano liberi da immagini.
<CENTER>...</CENTER>
Tutto ciò che si trova tra questi elementi sarà centrato rispetto ai margini destro e sinistro della finestra del browser. Questo Tag è in disuso da quando elementi quali <DIV> offrono maggiore flessibilità, si ottengono analoghi risultati anche assegnando l'attributo align=center ai vari tags di formattazione.
<COMMENT>...</COMMENT>
Consente di lasciare un testo di commento all'interno del listato html senza che questo possa influire o essere visualizzato dal browser. Lo stesso risultato si ottiene anche con i tags <!-- ... --> .
<DIV>...</DIV>
L'elemento <DIV> non ha una sua vera e propria caratteristica, serve infatti da supporto, da contenitore per l'associazione con fogli di style e/o layers che sono dei soli browser di nuova generazione. Tutti gli attributi e le associazioni applicate al tag <DIV> saranno estese a tutto il blocco di codice interessato.
<SPAN>...</SPAN>
L'elemento <SPAN> non ha alcuna caratteristica se non quella di fare da supporto per gli stili, come <DIV>, si presta bene come contenitore per l'associazione di tutto quello che serve ad Html.
<FONT>...</FONT>
L'elemento <FONT> definisce le dimensioni, il colore e il tipo di carattere adoperato per la scrittura di testo. Questo Tag viene adoperato sempre meno dal momento che i fogli di stile riescono a gestire il tutto in modo più semplice e versatile. Il Tag <FONT> ha dimensione di base del carattere uguale a 3, si vede a questo proposito anche <BASEFONT>. Font da solo non ha ragione di esistere, al suo interno si deve sempre inserire almeno un attributo.
E' possibile specificare quale carattere adoperare dando anche delle eventuali alternative separandole da virgole. Se il font scelto non fosse presente sulla macchina del visitatore si tenterà di visualizzare il secondo font, poi il terzo, e se nessuno dei tre fosse presente il browser adopererà il suo, quello di default. Evitate dunque fonts particolari o meglio poco comuni, quasi sicuramente nessuno riuscirà a vedere il testo allo stesso modo di come avreste voluto.
FACE=nome [,nome] [,nome]: L'attributo FACE imposta il carattere utilizzato e questo deve trovarsi già installato nel computer dell'utente, le alternative sono separate da uno spazio e da una virgola.
COLOR=#rrggbb oppure COLOR= nome in inglese del colore.
SIZE=n oppure SIZE=+n o anche SIZE=-n dove n è un numero compreso fra 1 e 7, mentre i vari + o - si riferiscono al numero che per default è 3 a meno di qualche variazione specificata con BASEFONT. Gli attributi possono essere adoperati contemporaneamente.
<HR>
L'elemento <HR> (Horizontal Rules), altro non è che una linea orizzontale divisoria, come quella che potete vedere in questa pagina a divisione dei vari elementi (tags), per default questa linea è ombreggiata e in rilievo. Si possono modificare i vari attributi:
<HR ALIGN=left | right | center>: Dove left right center sono allineamento a sinistra, a destra o centrato.
<HR COLOR=nome | #rrggbb>: Dove nome è il nome in inglese di uno dei colori possibili, mentre #rrggbb è il codice numerico esadecimale del colore scelto. L'attributo color è supportato dai soli browser IE.
<HR NOSHADE>: Nessuna ombreggiatura, praticamente una barra solida.
<HR SIZE=numero>: Dove numero è espresso in pixel e si riferisce allo spessore della barra.
<HR WIDTH=numero | percentuale>: Senza alcuna specifica la linea orizzontale occupa tutta la larghezza della pagina. Con questo attributo si possono specificare con esattezza la sua ampiezza, dove numero sono i pixel. Si possono anche combinare i vari attributi.
<H>...</H>
E' possibile avere sei livelli di titolo che dimensionano i caratteri. Il più alto livello è <H1> seguito a salire da tutti gli altri:
<H1>...</H1>: Grassetto, carattere molto grande e centrato, una o due righe vuote sopra e sotto.
<H2>...</H2>: Grassetto, carattere grande a sinistra, una o due righe vuote sopra e sotto.
<H3>...</H3>: Corsivo, carattere grande leggermente rientrato sul margine sinistro, una o due righe vuote sopra e sotto.
<H4>...</H4>: Grassetto, carattere normale, rientro maggiore rispetto a H3, una riga vuota sopra e sotto.
<H5>...</H5>: Corsivo, carattere normale, rientro normale come H4, una riga vuota sopra.
<H6>...</H6>: Grassetto, rientro come testo normale ma più di H5, una riga vuota sopra.
<P>...</P>
L'elemento <P> specifica un paragrafo di testo, ha come attributo ALIGN che permette di allineare il testo in quattro possibili modi: CENTER, LEFT, RIGHT, JUSTIFY, rispettivamente per: Centrato, a sinistra, a destra e giustificato. Viene adoperato prevalentemente con l'attributo CLASS che richiama una classe di style in modo da avere paragrafi con font, colori e formattazione personalizzata.
<B>...</B>
L'elemento <B> specifica un blocco di testo da mostrare in grassetto (bold). Risultato simile si ottiene anche con <STRONG>...</STRONG>.
<U>...</U>
L'elemento <U> specifica un blocco di testo da mostrare sottolineato (underline).
<I>...</I>
L'elemento <I> specifica un blocco di testo da mostrare in corsivo (italic). Risultato simile si ottiene anche con <EM>...</EM>.
Gli elementi possono essere fra loro nidificati, combinando i vari attributi.
<PRE>...</PRE>
L'elemento <PRE> specifica un blocco di testo preformattato, cioè a larghezza e spaziatura fissa. Attenzione, talmente fissa che non torna neppure a capo se non con il comando <br>.
Specifica le dimensioni del carattere di base su cui si basano poi tutte le relative modifiche di <FONT SIZE=+n>
Il valore di default è 3 e può essere compreso tra 1 e 7. Questo Tag è in via di estinzione visto che con i nuovi browser e i relativi fogli di style si ha la sempre più la tendenza a non adoperare più il tag <FONT>.
SI possono inserire anche altri due attributi:
- FACE: specifica il tipo di font.
- COLOR: specifica il colore che potrebbe essere espresso oltre che col nome in inglese anche con il codice numerico esadecimale.
<BR>
L'elemento <BR> specifica che una nuova riga deve iniziare in un determinato punto, un ritorno a capo forzato, più <BR> consecutivi equivalgono a più righe saltate. Con l'aggiunta di immagini flottanti, allineate a destra o sinistra con il testo che le contorna, è possibile aggiungere l'attributo CLEAR con i seguenti risultati:
CLEAR=left : Spezza la riga e si sposta verticalmente verso il basso fino ad avere un margine sinistro libero.
CLEAR=right : Stessa cosa ma con margine libero destro.
CLEAR=ALL : Si sposta verso il basso fino a quando entrambi i margini non siano liberi da immagini.
<CENTER>...</CENTER>
Tutto ciò che si trova tra questi elementi sarà centrato rispetto ai margini destro e sinistro della finestra del browser. Questo Tag è in disuso da quando elementi quali <DIV> offrono maggiore flessibilità, si ottengono analoghi risultati anche assegnando l'attributo align=center ai vari tags di formattazione.
<COMMENT>...</COMMENT>
Consente di lasciare un testo di commento all'interno del listato html senza che questo possa influire o essere visualizzato dal browser. Lo stesso risultato si ottiene anche con i tags <!-- ... --> .
<DIV>...</DIV>
L'elemento <DIV> non ha una sua vera e propria caratteristica, serve infatti da supporto, da contenitore per l'associazione con fogli di style e/o layers che sono dei soli browser di nuova generazione. Tutti gli attributi e le associazioni applicate al tag <DIV> saranno estese a tutto il blocco di codice interessato.
<SPAN>...</SPAN>
L'elemento <SPAN> non ha alcuna caratteristica se non quella di fare da supporto per gli stili, come <DIV>, si presta bene come contenitore per l'associazione di tutto quello che serve ad Html.
<FONT>...</FONT>
L'elemento <FONT> definisce le dimensioni, il colore e il tipo di carattere adoperato per la scrittura di testo. Questo Tag viene adoperato sempre meno dal momento che i fogli di stile riescono a gestire il tutto in modo più semplice e versatile. Il Tag <FONT> ha dimensione di base del carattere uguale a 3, si vede a questo proposito anche <BASEFONT>. Font da solo non ha ragione di esistere, al suo interno si deve sempre inserire almeno un attributo.
E' possibile specificare quale carattere adoperare dando anche delle eventuali alternative separandole da virgole. Se il font scelto non fosse presente sulla macchina del visitatore si tenterà di visualizzare il secondo font, poi il terzo, e se nessuno dei tre fosse presente il browser adopererà il suo, quello di default. Evitate dunque fonts particolari o meglio poco comuni, quasi sicuramente nessuno riuscirà a vedere il testo allo stesso modo di come avreste voluto.
FACE=nome [,nome] [,nome]: L'attributo FACE imposta il carattere utilizzato e questo deve trovarsi già installato nel computer dell'utente, le alternative sono separate da uno spazio e da una virgola.
COLOR=#rrggbb oppure COLOR= nome in inglese del colore.
SIZE=n oppure SIZE=+n o anche SIZE=-n dove n è un numero compreso fra 1 e 7, mentre i vari + o - si riferiscono al numero che per default è 3 a meno di qualche variazione specificata con BASEFONT. Gli attributi possono essere adoperati contemporaneamente.
<HR>
L'elemento <HR> (Horizontal Rules), altro non è che una linea orizzontale divisoria, come quella che potete vedere in questa pagina a divisione dei vari elementi (tags), per default questa linea è ombreggiata e in rilievo. Si possono modificare i vari attributi:
<HR ALIGN=left | right | center>: Dove left right center sono allineamento a sinistra, a destra o centrato.
<HR COLOR=nome | #rrggbb>: Dove nome è il nome in inglese di uno dei colori possibili, mentre #rrggbb è il codice numerico esadecimale del colore scelto. L'attributo color è supportato dai soli browser IE.
<HR NOSHADE>: Nessuna ombreggiatura, praticamente una barra solida.
<HR SIZE=numero>: Dove numero è espresso in pixel e si riferisce allo spessore della barra.
<HR WIDTH=numero | percentuale>: Senza alcuna specifica la linea orizzontale occupa tutta la larghezza della pagina. Con questo attributo si possono specificare con esattezza la sua ampiezza, dove numero sono i pixel. Si possono anche combinare i vari attributi.
<H>...</H>
E' possibile avere sei livelli di titolo che dimensionano i caratteri. Il più alto livello è <H1> seguito a salire da tutti gli altri:
<H1>...</H1>: Grassetto, carattere molto grande e centrato, una o due righe vuote sopra e sotto.
<H2>...</H2>: Grassetto, carattere grande a sinistra, una o due righe vuote sopra e sotto.
<H3>...</H3>: Corsivo, carattere grande leggermente rientrato sul margine sinistro, una o due righe vuote sopra e sotto.
<H4>...</H4>: Grassetto, carattere normale, rientro maggiore rispetto a H3, una riga vuota sopra e sotto.
<H5>...</H5>: Corsivo, carattere normale, rientro normale come H4, una riga vuota sopra.
<H6>...</H6>: Grassetto, rientro come testo normale ma più di H5, una riga vuota sopra.
<P>...</P>
L'elemento <P> specifica un paragrafo di testo, ha come attributo ALIGN che permette di allineare il testo in quattro possibili modi: CENTER, LEFT, RIGHT, JUSTIFY, rispettivamente per: Centrato, a sinistra, a destra e giustificato. Viene adoperato prevalentemente con l'attributo CLASS che richiama una classe di style in modo da avere paragrafi con font, colori e formattazione personalizzata.
<B>...</B>
L'elemento <B> specifica un blocco di testo da mostrare in grassetto (bold). Risultato simile si ottiene anche con <STRONG>...</STRONG>.
<U>...</U>
L'elemento <U> specifica un blocco di testo da mostrare sottolineato (underline).
<I>...</I>
L'elemento <I> specifica un blocco di testo da mostrare in corsivo (italic). Risultato simile si ottiene anche con <EM>...</EM>.
Gli elementi possono essere fra loro nidificati, combinando i vari attributi.
<PRE>...</PRE>
L'elemento <PRE> specifica un blocco di testo preformattato, cioè a larghezza e spaziatura fissa. Attenzione, talmente fissa che non torna neppure a capo se non con il comando <br>.