Applied Information Technology - IV. Sviluppo di pagine web: Basic HTML.

[Precedente] [Indice] [Successiva]

2.3) Formattare i testi

Anche se la regola fondamentale del linguaggio HTML è che l'autore debba controllare il contenuto di un documento e il browser il formato, ci sono alcune cose che è possibile fare per modificare il modo in cui i testi debbano essere rappresentati sullo schermo. Nei link che seguono trovate tutti i possibili attributi di formattazione. Noi ne vedremo solo alcuni.

I testi nella specifica di HTML 4 del W3C
Gli stili nella specifica di HTML 4 del W3C
I font nella specifica di CSS2 del W3C
I testi nella specifica di CSS2 del W3C

2.3.1) Fogli di stile

<STYLE>Modifica gli stili di un documento</STYLE>

Descrizione: identifica le modifiche di formattazione degli elementi che sono all'interno del tag <BODY>.
Tipo: tag contenitore.
Attributi: DIR, LANG, MEDIA, TITLE e TYPE.
Note: può essere posto solo all'interno del tag <HEAD>.

Osservazione:

Nei browser la dimensione standard dei caratteri è di 12 punti che corrisponde a 3 in una scala assoluta da1 a 7, a medium nella scala da xx-small a xx-large.

Esempio: 
<HTML>
<HEAD>
<STYLE>
<!--
BODY
	{color: #000080;
	 background-color : #FFFFFF;
}

H1, H2, H3, H4
	{font-weight: bold;
}
H1
	{font-size: xx-large;
	 font-family: "Arial", sans-serif;
	 color: #FF0000;
}

H2
	{font-size: 16pt;
	 font-family: "Garamond", serif;
}

H3
	{font-size: large;
	 font-family: fantasy;
}
H4
	{font-size: medium;
	 font-style: italic;
	 font-variant: small-caps;
}
UL LI
	{list-style-type: square;
	 font-size: x-small;
 	 font-family: sans-serif;
}
-->
</STYLE>
</HEAD>
<BODY>

<H1>Pippo</H1>

<H2>Pippo</H2>

<H3>Pippo</H3>

<H4>Pippo</H4>

<UL>
<LI>Pippo</LI>
<LI>Pluto</LI>
<LI>Minnie</LI>
</UL>
</BODY>
</HTML>

Visualiza l'esempio in una finestra

Nota Bene: se avete una tastiera italiana (senza i tasti per le parentesi graffe) dovete digitare ALT+123 (tenete premuto il tasto ALT e digitate in sequenza i numeri 123 dal tastierino laterale) per aprire la parentesi graffa e ALT+125 per chiuderla.

2.3.2) Deprecated tags

<BASEFONT>Formattazione dei caratteri</BASEFONT>

Descrizione: identifica la formattzaione dei caratteri utilizzati in un documento HTML.
Tipo: tag contenitore.
Attributi: CLASS, COLOR, FACE, ID, LANG, SIZE, STYLE e TITLE.

<FONT>Font di un testo</FONT>

Descrizione: cambia colore, aspetto e dimensione dei caratteri.
Tipo: tag contenitore.
Attributi: CLASS, COLOR, FACE, ID, LANG, SIZE, STYLE e TITLE.

Esempio:

<FONT COLOR="#008800" SIZE="+2">Colore verde e dimensione incrementata di uno rispetto al valore impostato dal browser</FONT>

2.3.3) Stili inline

Sono utilizzati per porre particolare enfasi su un testo o per modifiche sporadiche dei testi.

Stili fisici

Descrivono il modo in cui i testi devono essere rappresentati nella finestra del browser.

Stili logici

Descrivono il modo in cui i testi devono essere utilizzati all'interno di un tag contenitore. Richiedono all'autore di considerare non come si presenterà la pagine web, ma come una particolare sequenza di testi potrebbe essere utilizzata. Pensate ad esempio ad un vocalizzatore o alla ricerca di tutte le citazioni (<CITE>) all'interno di un testo.
[Precedente] [Indice] [Successiva]

Per informazioni apweb@inwind.it - Ultima modifica 04-Jun-2002

Valid HTML 4.01!