Guida al linguaggio HTML - Tabella codici ASCII, Hex, Char, HTML, Dec, Oct, IBM compatibile - Ascii character table - ascii ascii ascii ascii ascii, euro, euro, euro

Guida base al linguaggio HTML

di Mauro Pierluigi

Formattazione del testo

In HTML esistono molti differenti Tag per scrivere il testo in tutte le maniere possibili, per titoli, paragrafi, giustificazioni, citazioni, grassetto, corsivo, e molti altri. Analizziamo i più utili.

Headers

I Tag "headers" sono specifici per i titoli e titoletti, infatti sono già pronti, per così dire, all'utilizzo, senza che si specifichino direttive per grandezza del carattere, grassetto, ecc. In tutto sono sei Tag e la sintassi è la seguente "<hX>...testo...</hX>", dove X viene sostituito da un numero da 1 a 6, dove 1 è il titolo più grande e 6 il più piccolo, per esempio:

<h1>Titolo grandezza 1</h1> <h2>Titolo grandezza 2</h2> <h3>Titolo grandezza 3</h3> <h4>Titolo grandezza 4</h4> <h5>Titolo grandezza 5</h5> <h6>Titolo grandezza 6</h6>

Se scriviamo questo all'interno di un file html, poi lo salviamo e lo visualizziamo, il risultato è questo:

Titolo grandezza 1

Titolo grandezza 2

Titolo grandezza 3

Titolo grandezza 4

Titolo grandezza 5

Titolo grandezza 6

Formattazione del carattere

Ovviamente, oltre alle specifiche per il testo che si inseriscono nel Tag "<body>" della pagina, ne esistono altri, per permettere di ottenere testi multicolori, con grassetti, corsivi, sottolineati, piu' grandi e piu' piccoli, questi si ottiene con il Tag "<font>"

Se scriviamo in un file html la seguente linea:

<font face="verdana" size="2" color="#0000ff">Ultime novità</font>

Otterremo il risultato:

Ultime novità

Come si può vedere la scritta "Ultime novità" si trova fra il Tag "<font>" e "</font>" che delimitano la porzione di testo da formattare. L'attributo "face" specifica il tipo di carattere e fra virgolette deve essere scritto il nome del font, per esempio "verdana", "arial", "times", ecc. L'attributo "size" specifica la dimensione, che va da un massimo di 6 ad un minimo di 1, praticamente l'inverso del comportamento degli "headers" (vedi su)

E' possibile specificare più colori o più dimensioni utilizzando sempre il Tag "<font>" per delimitare il testo a cui si devono applicare gli attributi di colore e dimensioni, per esempio:

<font face="verdana" size="2" color="#0000ff">Questo testo di colore blu e grandezza 2 contiene una parola <font color="#ff0000">rossa</font> e una parola <font color="#00ff00">verde</font>, alcune parole <font size="3">più grandi</font> e alcune <font size="1">più piccole</font>.</font>

Il risultato sarà:

Questo testo di colore blu e grandezza 2 contiene una parola rossa e una parola verde, alcune parole più grandi e alcune più piccole.

A capo

Per andare a capo si utilizza il Tag "<br>" e il suo utilizzo e' molto semplice, infatti questo Tag si usa da solo e non c'e' bisogno di scrivere il corrispondente "</br>" come tutti gli altri Tag, ma semplicemente, ogni volta che vogliamo andare a capo, scriviamo "<br>" nel punto desiderato, per esempio la frase:

<font face="verdana" size="2" color="#000000">Sopra la panca la capra campa, sotto la panca la capra crepa.</font>

viene scritto tutto in una riga, se proviamo a scriverlo in HTML e visualizzarlo, ma se vogliamo mettere delle mandate a capo possiamo scrivere:

<font face="verdana" size="2" color="#ff0000">Sopra la panca <br>la capra campa, <br>sotto la panca <br>la capra crepa.</font>

il risultato sarà:

Sopra la panca
la capra campa,
sotto la panca
la capra crepa.

Stili per arricchire il testo

Esistono svariati Tag che servono per abbellire e arricchire il testo, o per renderlo più chiaro e versatile, eccone un elenco dei più utilizzati:

<font face="verdana" size="2" color="#0000ff"> <b>questo testo è grassetto</b><br> <u>questo testo è sottolineato</u><br> <i>questo testo è corsivo</i><br> <strike>questo testo è barrato</strike><br> <pre>questo testo è preformattato</pre><br> questa <sup>parola</sup> è allineata in alto<br> questa <sub>parola</sub> è allineata in basso </font>

Ancora una volta, se scriviamo questo codice in un file HTML e poi lo visualizziamo, otterremo questo risultato:

questo testo è grassetto
questo testo è sottolineato
questo testo è corsivo
~~questo testo è barrato~~
questo testo è preformattato

questa ^parola è allineata in alto
questa _parola è allineata in basso

Esistono molti altri Tag per formattare il testo ma sono più che altro riproposizioni dei Tag basilari sopra descritti.

indietro | indice | avanti