Lezioni di html/css #01: Font

Iniziamo con qualche lezioncina di html! Il primo argomento trattato sono i font, cioè i testi, perché spesso le pagine web vengono create come presentazioni (al posto magari di un file power point) e per questo motivo è importante saper formattare il nostro testo!

Partiamo dal titolo: "Questo è un titolo". Non abbiamo applicato nulla, così com'è è identico al testo normale e perciò non sembra nemmeno un titolo. Non va bene!

Per prima cosa iniziamo a racchiuderlo tra i due tag font in questo modo: <font>Questo è un titolo</font>

Ancora non è cambiato niente, ma ora la vostra pagina html, sà che tutto il testo racchiuso tra i due tag subirà delle possibili trasformazioni.

Adesso rendiamolo grassetto! Es: Questo è un titolo
html: <font><b>Questo è un titolo</b></font>
Il tag b serve proprio ad indicare il grassetto e può essere racchiudere un testo, senza bisogno di specificare il tag font (che però noi useremo quindi abbiamo già inserito.

Ora vogliamo renderlo più grande! Deve distinguersi di più dal resto del testo perciò vogliamo qualcosa del tipo: Questo è un titolo.
Come fare? Semplice html: <font size="12pt"><b>Questo è un titolo</b></font>
L'attributo size, indica la dimensione del nostro font espressa in pt (point).

Ma questo non ci basta! Vogliamo renderlo centrato. Ok niente di più semplice:

Questo è un titolo

html: <div align="center"><font size="12pt"><b>Questo è un titolo</b></font></div>

Ok, abbiamo aggiunto un altro tag, un "div". Che cos'è? Diciamo che esprime un'area (infatti possiamo, volendo specificarne le dimensioni). L'attributo align indica l'allineamento e lo abbiamo messo su centrato.

Ultimo step: cambiamo il colore, ci piace un bel rosso.

Questo è un titolo

html: <div align="center"><font color="red" size="12pt"><b>Questo è un titolo</b></font></div>