Guida di HTML - Formattazione del testo

Manuale di HTML

Inserimento del testo

Formattazione del testo

Nelle prime versioni di HTML si faceva distinzione tra formattazione logica e formattazione fisica; gli stili logici descrivono le intenzioni dell'autore, mentre quelli fisici hanno più a che fare con un modo specifico di modificare l'aspetto del testo. Adesso questa sottigliezza ha perso notevolmente la sua importanza.

Per scrivere in grassetto si usa il tag contenitore (oppure si può anche usare , è "lo stesso"); la lettera B è l'iniziale della parola bold, grassetto appunto.

Per scrivere in corsivo si usa il tag contenitore (oppure si può anche usare ); è l'iniziale della parola italic. Tag equivalenti, anche se nati con un significato logico diverso sono <CITE> oppure <ADDRESS>.
Altro tag per scrivere in corsivo è <DFN> che però funziona solo con Internet Explorer e non con Netscape.

Per scrivere in sottolineato si usa il tag contenitore e ; tutto il testo compreso tra i due tag verrà visualizzato come sottolineato. Alcuni editor di pagine web sono soliti utilizzare il tag per evidenziare la sottolineatura nei collegamenti ipertestuali; tale sottolineatura è in genere già predisposta, ma può essere tolta con un piccolo artifizio (vedere l'assenza della sottolineatura nei link in questa pagina).

Nel capitolo precedente, IMPOSTAZIONE DEL TESTO, abbiamo visto come l'HTML ignora i tradizionali separatori, lo spazio e il ritorno a capo; un modo per restituire a questi separatori la loro solita funzione è mediante il tag <PRE>. Il testo viene scritto in carattere Courier, dimensione 10, e il testo viene rappresentato con la stessa formattazione utilizzata durante la scrittura del codice HTML, compresi spazi, tabulazioni e ritorni a capo. A questo testo preformattato è possibile anche dare una formattazione diversa, utilizzando in combinazione anche gli altri comandi di questo capitolo.

Il tipo di carattere predefinito per il testo preformattato è il Courier, ma può dunque essere cambiato. Esistono altri modi per ottenere il carattere Courier, mediante i tag <TT>, <CODE>, <KBD> e <SAMP>. Questi tag sono tutti equivalenti e con l'avvento delle tabelle il loro uso è diventato raro.

È possibile aumentare o diminuire la dimensione dei caratteri da visualizzare; i tag <BIG> e l'altro rispettivamente consentono di aumentare e diminuire di un punto le dimensioni del carattere.

Infine il comando più completo e più pratico, ed in effetti quello che si utilizza di più per dare una formattazione al testo, il tag . Scritto così non ha alcun effetto sul testo, ma questo tag accetta diversi attributi. L'attributo FACE="..." indica il tipo di carattere da utilizzare, (per questa pagina abbiamo prevalentemente utilizzato il carattere "Verdana", e per i titoli il carattere "Arial" o "Tahoma", mentre negli esempi e per i link il carattere "Times New Roman"); se il computer su cui si sta guardando la pagina web non ha installati i tipi di carattere in questione prova ad utilizzarne uno simile o quelli che ha come predefiniti (in genere il "Times New Roman"). La dimensione del carattere può essere specificata con l'attributo SIZE="n", in cui n rappresenta un valore assoluto (da 1 a 7) oppure un valore relativo (da -2 a +4) in relazione alla dimensione corrente del carattere. SIZE="1" indica il carattere più piccolo. Infine l'attributo COLOR="..." determina il colore del carattere; al posto dei puntini va il nome o il numero del colore (espresso come striga esadecimale rosso, verde e azzurro). Ad esempio il colore rosa pallido può essere indicato sia con COLOR="RosyBrown" che con COLOR="#BC8F8F".

Vediamo con un esempio come si utilizzano i comandi ora introdotti, cercando di essere più chiari possibile; il testo all'interno dell'esempio aiuterà a capire le operazioni effettuate.

<HTML>
<HEAD>
<TITLE>Guida di HTML</TITLE>
....
</HEAD>

<BODY BGCOLOR="#FFEBCD>

Le fasi lunari

Mostriamo ora come con un testo preformattato si possa ottenere una tabella. Lasciamo il Courier come carattere, avremmo anche potuto cambiarlo.
<PRE>
Mese | Giugno | Luglio | Agosto |
Fase | | | |
-------|--------|--------|--------|
Nuova | 5 | 4 | 3 |
Primo | 13 | 12 | 11 |
Piena | 20 | 20 | 18 |
Ultimo | 27 | 26 | 25 |
</PRE>
<SAMP>Questo è invece un testo scritto con carattere monospazio (qui è sottolineato), ma non è preformattato, infatti si può notare come vada a capo in modo diverso nel documento e nella pagina.</SAMP>
....
</BODY>
</HTML>

Le fasi lunari

Mostriamo ora come con un testo preformattato si possa ottenere una tabella. Lasciamo il Courier come carattere, avremmo anche potuto cambiarlo.

Mese   | Giugno | Luglio | Agosto |
Fase   |        |        |        |
-------|--------|--------|--------|
Nuova  |    5   |    4   |    3   |
Primo  |   13   |   12   |   11   |
Piena  |   20   |   20   |   18   |
Ultimo |   27   |   26   |   25   |

Questo è invece un testo scritto con carattere monospazio (qui è sottolineato), ma non è preformattato, infatti si può notare come vada a capo in modo diverso nel documento e nella pagina.
....

Nel prossimo capitolo vedremo come inserire e posizionare le immagini in una pagina HTML.

Articoli recenti

Mese attuale

Mese scorso

Anno scorso