Style in body:
Come abbiamo visto nel paragrafo 'struttura' inserire gli stili nel corpo della pagina
è molto semplice.
In pratica è possibile gestire gli attributi di tutti gli oggetti (link, immagini, tabelle..) soltanto inserendo la riga
style=" text-align:right; color:#239845; .............." all'interno del tag principale dell'oggetto.
Gestire gli style tramite l'inserimento diretto nella pagina non è pratico sotto alcun aspetto.
La gestione diviene complessa, la modifica laboriosa, i margini di errore saranno notevoli ed il tempo di caricamento pagina superiore al dovuto.
In pratica il loro utilizzo è da scartare, sempre che il sito non sia di piccole dimensioni, oppure se sono inseriti in una semplice pagina di esempio (veloce e pratica nella costruzione), oppure se lo style non sarà mai più ripetuto.
Esempi:
LINK:
<a href="#" style=" text-align:right; color:#239845; font-size:15pt;">prova</a>
prova
TABELLE:
<table style="border:1px solid green; text-align:right; color:#239845; font-size:8pt;">
<tr>
<td>
io sono una riga di prova...
</td>
</tr>
</table>
|
io sono una riga di prova...
|
TESTO:
<p style=" text-align:right; color:#239845; font-size:10pt;"> tutto quello inserito all'interno sarà modificato come indicato dagli style </p>
tutto quello inserito all'interno sarà modificato come indicato dagli style
FONT:
<font style="color:#239845; font-size:15pt;"> tutto quello inserito all'interno sarà modificato come indicato dagli style </font>
tutto quello inserito all'interno sarà modificato come indicato dagli style
N.B. In XHTML STRICT il tag FONT è stato eliminato. Al suo posto è preferibile l'utilizzo del tag SPAN.
SPAN:
<span style="color:#338591; font-size:8pt;"> tutto quello inserito all'interno sarà modificato come indicato dagli style </span>
tutto quello inserito all'interno sarà modificato come indicato dagli style