sabato 21 maggio 2011

HTML: Lezione 9 Il testo (III Parte)


Il testo III parte

Il tag <font> è quello che ci permette di modificare il tipo di carattere, la grandezza, il colore ecc...
Bisogna ricordare che esso è un tag deprecato dal W3C, ma noi stiamo imparando l'HTML ed è giusto sapere che questo tag esiste.
Di default il nostro browser visualizza sempre il font Times new Roman, quindi dobbiamo dirgli che tipo di font vogliamo che venga visualizzato per quella frase. Anche qui valgono le regole già dette nella lez. 7, ovvero che se vogliamo utilizzare un font particolare è meglio crearlo come immagine, altrimenti se la macchina client non ha quel font installato la vedrà diversamente da come volevamo.

Gli attributi da assegnare a font sono quindi:

  • Face = nome del font
<font face = Arial> testo in Arial</font>

  • color = colore testo
<font color = “#ff63cde”> testo in violetto </font>
<font color =”violet”>testo in violetto </font>
Anche qui possiamo usare il nome o l'esadecimale del colore.

  • Size =grandezza del font
La grandezza del font può essere espressa con un numero da 1 a 7:
<font size=7”> testo più grande</font>
oppure con un numero relativo rispetto alla grandezza del font di base, ed in questo caso aggiungiamo un più o un meno:
<font size= “+3”> testo più grande di 3 rispetto al testo base </font>
Il testo base di default è 3, se non gli abbiamo assegnato un altro valore

Detto questo apriamo la tabella creata nella quarta lezione e divertiamoci a formattare il testo (le modifiche al fiale originale sono evidenziate in grassetto)

<html>

<head>

<title> Il testo formattato</title>

</head>

<body basefont="4">

<table align ="center" border="1" bordercolor ="red" bgcolor="#3399FF" cellspacing="0">

<tr><td colspan="2"><h1>Prima riga larga quanto due celle</h1></td><tr>


<tr>

<td rowspan= "2"><font size="-2"> prima cella seconda riga alta due righe</font></td>

<td> <font color ="red">seconda cella seconda riga la metà</font></td>

<tr>

<td><font size ="5"> terza cella seconda riga la metà</font></td>

</tr>

</table>

</body>

</html>

Il risultato sarà qualcosa di questo tipo : 


Prima riga larga quanto due celle

prima cella seconda riga alta due righe seconda cella seconda riga la metà
terza cella seconda riga la metà

Alla prosssima....

Nessun commento:

Posta un commento