Writing HTML | Riguardo A | FAQ | Riferimenti | Tag | Lezioni | indietro | avanti |

9. Testo Preformattato

      visualizzi
        un  testo 
       dove gli  spazi   ed
		i   ritorni a capo
            contano?

Obiettivi

• Creare una tabella con testo allineato
• Controllare la posizione del testo in una pagina dove tab e spazi sono importanti.

Lezione

Nelle lezioni precedenti abbiamo visto che un browser ignora gli spazi estranei ai caratteri, tab e ritorni a capo nei file HTML. Ci sono casi, pero' in cui e' importante mantenere questi aspetti della pagina. In questa lezione, l'esempio sara' quello in cui dobbiamo inserire una tabella di testo con colonne allineate.

Il tag preformat comunica al tuo browser di visualizzare il testo esattamente come scritto nel documento HTML, incluso spazi, tab e ritorni a capo. Generalmente un browser visualizza il testo con lettere

dove, cioe', ogni carattere ha la stessa larghezza. Segue un esempio di cosa preformat faccia:

<pre> Abbiamo indentato con 5 caratteri. E usato il ritorno a capo per saltare ad una nuova linea. Qui usiamo gli spazi per creare una tabella testuale </pre>

Abbiamo indentato con 5 caratteri. E usato il ritorno a capo per saltare ad una nuova linea. Qui usiamo gli spazi per creare una tabella testuale

Per le nostre lezioni su Vulcano, vogliamo aggiungere una tabella, sotto la sezione Introduzione che elenchi vari vulcani famosi, quando hanno eruttato, e il volume del materiale eruttato. Per fare questo:

1. Apri il secondo file HTML, index.html nel tuo editor di testo.
2. Sotto l'ultima parte della sezione Introduzione, sistema un header di livello 4 (<h4>) con il testo Volume di Alcune delle Eruzioni Vulcaniche Piu' Famose (se non ti ricordi come fare gli header, vedi lezione 3).
3. Sotto questo titolo, inserisci il testo esattamente come segue (potrebbe essere una buona occasione per fare un copia & incolla da questa pagina web!):

   
   <pre>
     Eruzione                      Data           Volume in km^3
     --------                      ----           --------------
     Paricutin, Mexico             1943                 1.3
     Mt. Vesuvio, Italia          79 A.C.                3
     Mount St. Helen, Washington   1980                  4
     Krakatoa, Indonesia           1883                 18
     Long Valley, California     preistorica         500 - 600
     Yellowstone, Wyoming        preistoria            2400
   </pre>
   

   In questo esempio abbiamo usato caratteri spaziatori per rendere la prima colonna giustificata a sinistra e le altre due colonne giustificate al centro. Le lineette sono usate per sottolineare i titoli delle colonne.

4. Salva ed Aggiorna nel tuo web browser.

Controlla il Tuo Lavoro

Verifica

1. Come modifica il tag preformat il modo con cui un browser interpreta HTML?
2. In quali altre situazioni puoi usare questo tag?

Informazioni Aggiuntive

HTML	Esito
<pre> Questo corso e' protetto da copyright 1995, 1996 <B>Assicurati di informarne gli amici!</B> <i>Grazie per i Commenti</i> vostri, <A HREF= "http://www.mcli.dist.maricopa.edu/"> mcli</A> </pre>	Questo corso e' protetto da copyright 1995, 1996 <B>Assicurati di informarne gli amici!</B> <i>Grazie per i Commenti</i> vostri, mcli
Nota che i tag HTML non contano come tag; nella zona preformattata sono ignorati. Alcuni sviluppatori di pagine web useranno il tag <pre>...</pre> con all'interno caratteri di ritorno per aggiungere spazi bianchi tra i grafici o il testo delle loro pagine web -- specialmente se vogliono piu' spazio bianco di quello fornito dal tag <p>. Per esempio:
HTML	Risultato
Il formaggio fu atteso dal momento in cui non fu abolito dall'Oriente. <pre> </pre> ...fino a quando Sir Longhorn arrivo' con la grande Crociata del Formaggio del 1167.	Il formaggio fu atteso dal momento in cui non fu abolito dall'Oriente. ...fino a quando Sir Longhorn arrivo' con la grande Crociata del Formaggio del 1167.

Pratica Indipendente

Prossimamente....

VAI A .... | Indice delle Lezioni | indietro: "IperGrafici" | avanti: "Caratteri Speciali" |