4 Creare contenuti per il web - Andrea Giachetti

72
sopra l'immagine. In Figura 31 si vede un esempio dell'uso di img con vari attributi. La
posizione (es. left, center, right) si può controllare con align e vi sono opzioni anche per lo
scorrimento del testo, tuttavia esse sono in disuso (e “deprecated”) essendo meglio usare le
regole di stile CSS. Per l'elenco completo delle opzioni si rimanda ai manuali.
4.5 Formattazione del testo
Formattazione è una parola usata per definire il modo in cui si attribuisce lo stile grafico a un
(iper)testo. Come abbiamo detto, durante l'evoluzione di (X)HTML si è cercato di separare lo
stile dal contenuto mediante l'uso dei fogli di stile (Cascading StyleSheets o CSS) che vedremo
in seguito e che rappresentano sicuramente il modo migliore di gestire la formattazione.
All'inizio però per creare gli effetti grafici di impaginazione e modifica del testo si usavano
appositi elementi e coppie attributi/valori HTML. Essi possono naturalmente ancora oggi essere
usati, anche se alcuni di essi sono stati dichiarati “deprecated” dal W3C, cioè ne viene
ufficialmente sconsigliato l'uso. Vediamone i principali.
Per modificare l'aspetto del testo, si può usare l'elemento , come ad esempio in
testo per usare il grassetto (bold), oppure per il corsivo (italic) (
testo ). In alternativa esistono anche e che
generano effetti analoghi.
Per variare le dimensioni esistono gli elementi ... e
..., che se ripetuti moltiplicano il loro effetto. L'effetto di questi
elementi può essere visto in Figura 32. Il tipo di carattere, cioè il cosiddetto font, visualizzato
dipende se non specificato dalle opzioni del browser. Oggi, come vedremo, si possono scegliere
con grande libertà i font, ma all'inizio non vi era questa possibilità. Per modificare il tipo di
carattere senza i CSS, si possono usare alcuni elementi per modificare la tipologia del testo o
per scegliere il carattere. Il carattere standard di visualizzazione della pagina web è di tipo con
grazie a spaziatura variabile (come il noto Times o come quello con cui è scritto questo testo.
I caratteri senza grazie sono quelli privi degli abbellimenti ortogonali ai margini detti appunto
grazie, come ad esempio il carattere Arial).
Alcuni elementi che modificano il tipo di carattere sono i tag ,
, o essi fanno sì che il testo al loro
interno sia rappresentato con spaziatura fissa, cioè in cui tutte le lettere occupano lo stesso
spazio in larghezza come nelle macchine da scrivere o nei vecchi display (infatti si usano in
genere per rappresentare i codici in linguaggi di programmazione). Un carattere di questo tipo
nei word processor moderni è il Courier. Se si vuole inserire del testo con spaziatura fissa e che
inoltre non trascuri spazi ed a capo come normalmente avviene nel codice HTML, si può usare
il tag che sta per “testo preformattato”, di cui cioè HTML non codifica la
formattazione.
Altri effetti di modifica del carattere sono creati da testo che trasforma il
testo contenuto in apice (superscript) e testo , che trasforma il testo
contenuto in pedice (subscript).
Più di recente era stato inserito anche l'elemento i cui attributi permettono di
scegliere dettagliatamente tipo, dimensione e colore dei caratteri. La sintassi dell'elemento è,
per esempio: