Didascalie
<div class="caption">
<img src="esempio2.jpg"
alt="" />
<span>
<strong>Lorem
ipsum</strong>
Lorem ipsum dolor sit amet
consectetuer eros
vivamus porta interdum
venenatis.
</span>
</div>
Cambiare
i colori del testo
<p>
<font color=”red”>
<b>titolo 1</b>
</font>
</p>
oppure:
<p>
<font color=”green”>
<i>titolo 1</i>
</font>
</p>
Per
inserire un’immagine come sfondo è sufficiente utilizzare la seguente sintassi:
<body bgcolor=”#0000ff” background=”imgSfondo.gif”>
Prova con queste, ma puoi scegliere anche altre immagini. Attenzione: uno sfondo molto ricco di dettagli rende difficile la lettura della parte di testo presente.
Sottolineare
il testo presente nel tag
Nel web
le sottolineature del testo sono da evitare, per non confondere il lettore con
i link.
<u>testo sottolineato</u>
Il tipo
di carattere (cioè il “font”) che il browser visualizza di default è il
“Times”.
<font face=”Verdana, Arial, Helvetica, sans-serif”>Verdana e
caratteri simili</font>
Verdana
e caratteri simili
<font size=”1″>testo di grandezza 1</font>
<br />
<font size=”2″>testo di grandezza 2</font>
<br />
<font size=”3″>testo di grandezza 3</font>
<br />
<font size=”4″>testo di grandezza 4</font>
<br
/>
<font size=”5″>testo di grandezza 5</font>
<br />
<font size=”6″>testo di grandezza 6</font>
<br
/>
<font size=”7″>testo di grandezza 7</font>
Tabelle
<table border="1">
<tr>
<td>prima
cella</td>
<td>seconda
cella</td>
</tr>
<tr>
<td>terza cella</td>
<td>quarta
cella</td>
</tr>
</table>
prima cella
|
seconda cella
|
terza cella
|
quarta cella
|
Possiamo
specificare la larghezza e l’altezza delle tabelle tramite gli attributi width
e height che possono essere riferiti a tutti e tre i tag (<table>,
<tr>, <td>). Il valore di questi attributi può essere specificato
con una larghezza fissa (in pixel: in questo caso basta indicare un numero
intero), oppure in percentuale (il numero deve essere allora seguito dal
simbolo “%”): in questo caso la tabella si adatta secondo lo spazio a
disposizione.
<table width="300" height="200"
border="1">
<tr>
<td>prima
cella</td>
<td>seconda
cella</td>
</tr>
<tr>
<td>terza cella</td>
<td>quarta
cella</td>
</tr>
</table>
Nessun commento:
Posta un commento