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

5. Farlo con Stile

Come un word processor, l'HTML puo' fare in modo che il web browser visualizzi alcune parti del testo in corsivo o grassetto o una combinazione di questi stili.

Obiettivi

Dopo questa lezione sarai in grado di:

Lezione

HTML Style Tags

L'HTML offre vari tag per aggiungere stile al tuo testo. Ricordati solo di farne un uso giudizioso e coerente; troppo potrebbe rendere il testo difficile da leggere...

Style Tag
HTML Risultato 

<b>Questo e' Grassetto...</b>  

<i>Questo e' Corsivo...</i>
 
<tt>Questo e' Telescrivente...</tt>
sample web page
Questo e' Grassetto

Questo e' Corsivo

Questo e' Telescrivente

Nota come puoi combinare i tag di stile in modo che siano correttamente annidati, e i tag di corsivo sono entrambi dentro i tag di grassetto. Nota anche che l'ordine non conta.
HTML Risultato 

<i><b>Questo e' Grassetto E Corsivo</b></i>

<b><i>E questo e' Cosi'</i></b>
sample web page
Questo e' Grassetto E Corsivo

E questo e' Cosi'

In piu', puoi anche aggiungere stile a quei testi che appaiono nei tag di titolo. Nota come i diversi tag di stile sono aperti e chiusi intorno alle parole che vanno a modificare e come gli heading tag circondano l'intero testo dell'intestazione.
HTML Risultato 
blah blah blah

<h2><i>Nuovo</i> e
<tt>Migliorato!</tt></h2>

blah blah blah
sample web page
blah blah blah

Nuovo e Migliorato!

blah blah blah

Digita Testi Stilosi nel Tuo Documento HTML

Nota: Se non hai i documenti di lavoro dalla lezione precedente scaricane una copia ora.

Segui le prossime istruzioni per applicare style tag al tuo documento HTML.

  1. Riapri il tuo workspace (se non e' gia' aperto).
  2. Torna al tuo documento HTML, "Volc.html", nell'editor di testo.
  3. Trova la parola "vulcano" nella prima frase dell'Introduzione. La renderemo in grassetto in modo da sottolinearla come parola importante.
  4. Inserisci i tag per far apparire questa parola come un testo in grassetto: 
             <b>vulcano</b>
  5. Ora modificheremo il secondo paragrafo con i tag grassetto e corsivo per enfatizzare una parola. Digita i tag <b>...</b> e <i>...</i> attorno alla parola miliardi in modo che la sezione sia: 
              <p>
           I vulcani hanno fatto parte della storia della Terra molto prima degli umani.
Confrontando la storia dell'umanita', pochi milioni di anni in tutto, con quella della Terra,
piu' di quattro <b><i>miliardi</i></b> di anni.
  6. In fine, useremo il tag Telescrivente per indicare una parola speciale. Sotto il titolo Glossario, inserisci cio' che segue: 
              Lo studio dei vulcani, o <tt>Vulcanologia</tt>,
          include alcuni termini strani.
  7. Salva nel text editor ed Aggiorna nel tuo web browser.

Controlla il tuo Lavoro

Guarda questo esempio che mostra queste modifiche. E' importante quando usi tag di stile chiuderli in modo giusto, con il loro tag </>. Altrimenti, tutto il testo che segue assumera' lo stesso stile. E potrebbe sembrare bizzarro!

Verifica

  1. Quali sono i tag di stile?
  2. Quali sono i diversi tag usati per i diversi stili di testo?
  3. Quali passi hai compiuto per inserire stili di testo nel tuo documento HTML?
  4. *Domanda Extra: Come possono questi stili essere utili nella creazione di una web page o di una lezione?

Pratica Indipendente

Prova ad usare i tag di stile per rendere il testo della tua web page privata in grassetto, corsivo, e telescrivente. Vedi se riesci a combinare con successo stili... piacevoli da leggere.

Prossimamente....

Come riunire liste di oggetti, che appaiano numerati o contrassegnati da simboletti.

VAI A.... | Indice Delle Lezioni | indietro: "Paragrafi" | avanti: "Liste" |
Writing HTML: Lezione 5: Farlo con Stile
©1994-1999 Maricopa Center for Learning and Instruction (MCLI)
Maricopa Community Colleges

The Internet Connection at MCLI is Alan Levine --}
Comments to mailto:alan.levine@domail.maricopa.edu?subject=Writing HTML