Testo e caratteri
Una volta deciso il tipo di sfondo (immagine o colore) che si vuole utilizzare nella/e pagina/e, il passo successivo è di scegliere il colore che verrà utilizzato nella stesura del testo. Si utilizza il comando TEXT all'interno del tag <BODY>.
Come per BGCOLOR, anche a TEXT possono essere attribuiti sia i valori esadecimali dei colori, sia la parola inglese del colore prescelto; se si vuole utilizzare, ad esempio, il colore bianco per il testo, si può inserire uno di questi due tags:
<BODY bgcolor="#000000" text="#FFFFFF">
<BODY bgcolor="#000000" text="white">
ATTENZIONE: il tag <BODY> è sempre lo stesso: stiamo semplicemente inserendo al suo interno dei comandi supplementari.
Una volta dato questo comando, tutto il testo che si avrà nella pagina sarà dello stesso colore, salvo differente dichiarazione in particolari zone del documento. Questo si può fare con il tag <FONT>.
TITOLI
Normalmente, ci si trova nella condizione di voler dare più enfasi al titolo di una pagina in modo da distinguerlo dal testo rimanente; ciò è possibile tramite i tags <H1>, <H2>, ... , <H6>. Lo scopo di questi tags è di poter decidere tra 6 dimensioni da attribuire ai caratteri di una parte del testo. Le dimensioni variano dalla più grande <H1> alla più piccola <H6>.
ATTENZIONE: Questi tags sono riferiti al titolo del testo inserito in una pagina web e non hanno nulla a che vedere con il tag <TITLE>.
<FONT>
Il tag <FONT></FONT> serve a definire quasi tutti i tipi fondamentali di formattazione del testo. Con tale tag, infatti, si può scegliere il tipo di font (carattere), il colore e la grandezza dei caratteri usati in una determinata porzione di testo del documento.
I comandi che si usano all'interno del tag <FONT> sono:
Un esempio di tag <FONT> potrebbe, quindi, essere:
<FONT COLOR="#FFFF00" SIZE="3" FACE="arial">frase da formattare</FONT>
Risultato: frase da formattare
NOTA: Il comando SIZE all' interno di <FONT> è un'estensione dei tags <H1>, ... , <H6>; questi ultimi, infatti, danno la possibilità di cambiare le dimensioni dei caratteri di una parte del testo, ma non possono cambiare font e colore del testo.
<B>, <I>, <U>
Molto spesso, per enfatizzare una parola o una frase, è necessario scriverla in grassetto, in corsivo, sottolineata, o con una combinazione delle tre. Ciò è possibile grazie a 3 dei più utilizzati tags che si trovino normalmente in un codice di una pagina Html:
| Effetto | Tag | Esempio | Risultato |
| Grassetto (Bold) | <B></B> | <B>grassetto</B> | grassetto |
| Corsivo (Italic) | <I></I> | <I>corsivo</I> | corsivo |
| Sottolineato (Underline) | <U></U> | <U>sottolineato</U> | sottolineato |
ALTRI EFFETTI
Nella tabella seguente troverete ulteriori tags di testo che vi permetteranno di creare nuovi effetti (nella tabella è stato utilizzato il font "arial"):
| Effetto | Tag | Esempio | Risultato |
| Testo barrato | <STRIKE></STRIKE> | <STRIKE>barrato</STRIKE> | |
| Macchina da scrivere | <TT></TT> | <TT>macchina da scrivere</TT> | macchina da scrivere |
| Citazione | <CITE></CITE> | <CITE>citazione</CITE> | citazione |
| Esempio | <SAMP></SAMP> | <SAMP>esempio</SAMP> | esempio |
| Definizione | <DFN></DFN> | <DFN>definizione</DFN> | definizione |
| Intermittenza(1) | <BLINK></BLINK> | <BLINK>intermittenza</BLINK> | |
| Codice | <CODE></CODE> | <CODE>codice</CODE> | codice |
| Variabile | <VAR></VAR> | <VAR>variabile</VAR> | variabile |
| Tastiera | <KBD></KBD> | <KBD>tastiera</KBD> | tastiera |
| Citazioni rientrate | <BLOCKQUOTE> </BLOCKQUOTE> | <BLOCKQUOTE> citazioni</BLOCQUOTE> |
|
| Enfatizzare(2) | <EM></EM> | <EM>enfatizzare</EM> | enfatizzare |
| Grassetto(3) | <STRONG></STRONG> | <STRONG> grassetto</STRONG> | grassetto |
| Apice | <SUP></SUP> | <font face="Arial"> x<SUP>2</SUP></font> | x2 |
| Pedice | <SUB></SUB> | <font face="Arial"> x<SUB>2</SUB></font> | x2 |
| Indirizzo mail(4) | <ADDRESS></ADDRESS> | <ADDRESS>indirizzo mail</ADDRESS> | indirizzo mail |
(1) Purtroppo la funzione d'intermittenza funziona solamente con Netscape quindi, se state visualizzando tale scritta con un altro browser, vedrete semplicemennte una scritta non lampeggiante.
(2) Identico a <I></I>.
(3) Identico a <B></B>.
(4) ATTENZIONE: questi tags servono solo a dare un'enfatizzazione dell'indirizzo e-mail, e non a creare il link che è, invece, atto a mandare i messaggi.
TESTI PREFORMATTATI
Alcune volte si può avere la necessità di decidere quando e dove si vuole che una riga di testo termini e vada a capo. Questa esigenza può nascere dal fatto che un testo Html non ha una formattazione di partenza: a fine riga si passa automaticamente alla riga successiva. In soccorso a tale situazione subentrano due tags: <XMP></XMP> e <PRE></PRE> all'interno dei quali viene inserito il testo nella forma desiderata.
Clicca qui per vedere un esempio di testo preformattato.
Clicca qui per vedere un esempio più lampante di testo preformattato.
TESTO SCORREVOLE
Un effetto particolarmente interessante è dato dal testo scorrevole. I tags che identificano la parte di testo soggetta a tale effetto sono: <MARQUE></MARQUE>.
Questo effetto è fornito di molti comandi:
esempio:
left
right
esempio (per vedere l'esempio "slide" aggiorna la finestra):
continuo
bloccato (slide)
alternato
esempio (per vedere meglio l'esempio aggiorna la finestra):
continuamente
"3" volte
SCROLLDELAY : stabilisce il "ritardo" nei confronti della velocità di scorrimento del testo. Se omesso, si ha come numero di default "90". L'opzione possibile è: <MARQUE SCROLLDELAY="n"> dove "n" rappresenta il ritardo rispetto alla velocità.
esempio:
n = 200
SCROLLAMOUNT : rappresenta il "valore" della velocità di scorrimento del testo. Se omesso, si ha come numero di default "6". L'opzione possibile è: <MARQUE SCROLLAMOUNT="n"> dove "n" rappresenta la velocità.
esempio:
n = 15
esempio:
sfondo blu scuro
 |
|
|
