Antilok.tk

Colori testo e sfondo

<BASEFONT>

Specifica le dimensioni del font (carattere) di base su cui si basano poi tutte le relative modifiche di <FONT SIZE=+..> 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.

Il mio consiglio è di non adoperarlo, guardate la sezione dedicata ai fogli di style e capirete il perchè.

<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 fra gli elementi center /center 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 alingn=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 dynamico.

<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 style riescono a gestire il tutto in modo più semplice e versatile. Il Tag <font> ha dimensione di base(default) del caratte uguale a 3, si veda 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 largezza della pagina. Con questo attributo si possono specificare con esattezza la sua ampiezza, dove numero sono i pixel. percentuale invece è relativa alla percentuale della finestra del browser

Si possono anche combinare i vari attributi, quello sotto è un esempio per ottenere una riga che sia di colore blu, spessore 3 pixel, che occupi il 70% della finestra alla quale è destinata e che non sia ombreggiata (la percentuale di ampiezza è relativa alla cornice che la ospita):

<Hx>...<Hx>

Titoli - è possibile avere sei livelli di titolo che dimensionano i caratteri. Il più alto livello è <H1> seguito a salire da tutti gli altri:

<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 , giustificato. Viene adoperato prevalentemente con l'attributo CLASS che richiama una classe di style in modo da avere paragrafi con font, colori e formattazione prsonalizzata. Si veda a questo proposito le spiegazioni relative ai fogli di stile.

<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, per esempio posso scrivere weblink in modo marcato, inclinato e sottolineato:

<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>.

Questo è un testo preformattato che manterrà una certa spaziatura indipendentemente dai vari parametri di pagina