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

10. Caratteri Speciali

Come pronunci tu...

>>>Æ ñ Þóßÿ ?

NOTA: Se i caratteri qui sopra non dovessero visualizzare vari accenti o segni diacritici, allora il tuo web browser non supporta il set di caratteri ISO.

Obiettivi

Dopo questa lezione sarai in grado di:

Usare i codici HTML per i caratteri ISO Latin 1 per visualizzare le accentazioni per lettere non inglesi.
Ignorare l'uso in HTML dei simboli < e > quando ne hai bisogno per altri scopi nei tuoi documenti.
Aggiungere spazi tra parole e lettere in un documento.

Lezione

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

Accenti

A volte in un documento HTML potresti aver bisogno di caratteri speciali, un accento o un segno diacritico. Quelli che sono conosciuti come ISO. Questi caratteri speciali in HTML sono contrassegnati come:


   &xxxx;

dove XXXX e' il nome in codice del carattere speciale. Per creare il carattere speciale tedesco umlaut (ü), abbiamo bisogno di usare il codice HTML:


   &uuml;

Per esempio, nella sezione "Glossario" della nostra lezione Volcano, vogliamo aggiungere una spiegazione dei termini tecnici che erano stati usati per descrivere un particolare tipo di flusso vulcanico. Questo termine nuee ardente e' l'equivalente francese di "nube ardente"; ma l'ortografia corretta prevede un accento "acuto", e in questo modo la parola risulta come nuée ardente. In questo caso, sostituiamo la prima e in nuee con il codice HTML per la "e" con accento acuto é:


     nu&eacute;e ardente

Come riferimento, ecco la lista dei caratteri ISO speciali.

Ora aggiungeremo una frase al nostro documento HTML in cui si usa una lettera con un accento speciale:

Apri il file HTML, index.html nel tuo text editor.

Sotto la lista dei termini della sessione Glossario digita il testo seguente:


  Il termine <I>nu&eacute;e ardente,</I> o 
  "nube ardente" fu usato per la prima volta da La Croix (1904)
  nella sua descrizione della colata vulcanica che osservo' 
  nell'eruzione del Mt Pel&eacute;e, nel 1902, un vulcano 
  storicamente attivo sull'isola della Martinique.

NOTA: Abbiamo applicato l'accento acuto a due lettere "e". Potrebbe sembrare tutto strano! Assicurati di aver sostituito le lettere con la sequenza che visualizza lo stesso accento.

Salva ed Aggiorna il file HTML.

Sequenze Escape in HTML

IL codice HTML per un accento e' un esempio di quella classe piu' generale di tag conosciuta come sequenze escape [lett. sequenze di fuga]. Fin qui, avendo scritto cosi' tanto codice HTML, ti sarai forse chiesto come fare quando hai bisogno di un segno < (minore di) o di un > (maggiore di). Questi due caratteri, piu' il & ("e commerciale") hanno un significato speciale in HTML e non possono esseri usati esattamente come si scrivono. Al loro posto, usa le sequenze escape:


   &lt;  e' usato per <
   &gt;  e' usato per > 
   &amp;  e' usato per &

Ora applichiamo uno di questi simboli nella nostra lezione sui vulcani. Nella precedente, abbiamo aggiunto una tabella che elenca diversi vulcani e quanto materiale era eruttato da ciascuno di questi. Diciamo che uno di questi valori (500-600), quello che corrisponde a Long Valley, non e' molto accurato (spesso questi valori sono delle stime), noi vorremmo ora sostituirlo con >450 & <700. Per farlo:

Apri il file index.html nel tuo text editor.
Sotto l'intestazione di Volume di Alcune delle Eruzioni Vulcaniche Piu' Famose, trova la riga per Long Valley nella nostra tabella:
```
  Long Valley, California     preistorico        500 - 600
```
e cambiala in:
```
  Long Valley, California     preistorico       &gt;450 &amp; &lt;700
```
NOTA: Anche se stiamo usando sequenze escape in un testo preformattato, nota come un web browser riesca ad interpretare correttamente e a visualizzare i caratteri speciali. Le sequenze escape possono essere usate comunque in tutte le parti di un documento HTML, incluse intestazioni ed ancore.
Salva ed Aggiorna il file.

Spazi Extra

Come potresti aver gia' notato, un web browser ignora tutti gli spazi estranei presenti nel tuo file HTML. IN ogni caso, ci possono essere occasioni in cui hai veramente bisogno di piu' di uno spazio. Quando? Alcuni scrittori preferiscono avere due spazi bianchi al seguito del periodo alla fine della frase. Cosa succede se vuoi creare una indentazione per ogni prima frase di ogni paragrafo? Cosa ne dici di fare una parola singola con le proprie lettere distanziate una dall'altra?

Un codice HTML per aggiungere un carattere di spazio e' il carattere speciale conosciuto come "non-breaking space" [lett. spazio di non rottura]:

  &nbsp;

Ecco alcuni esempi di come dovresti usare un non-breaking space:

HTML Risultato

Due non-breaking space sono usati
per dividere tra loro le lettere di
una parola

<b><tt> S   O   R   R   R   I   D   I </tt></b>

S O R R I D I

HTML Risultato

Due non-breaking space are sono
usati per creare l'indentazione
della prima frase di ciascun
paragrafo

    Quando Sir Longhorn mori' tragicamente, non era rimasto nessuno che portasse avanti la sua tradizione. C'era molta tristezza nella terra. E niente formaggio. <p>     Ma poi quel piccolo genio di Sheila Colby scopri' l'ingrediente mancante. Ed ancora una volta il formaggio fu abbondante.

Quando Sir Longhorn mori' tragicamente, non era rimasto nessuno che portasse avanti la sua tradizione. C'era molta tristezza nella terra. E niente formaggio.
Ma poi quel piccolo genio di Sheila Colby scopri' l'ingrediente mancante. Ed ancora una volta il formaggio fu abbondante.

HTML Risultato

Uno spazio extra e' usato per
aggiungere uno spazio in piu'
alla fine di ogni frase.

    Quando Sir Longhorn mori' tragicamente, non era rimasto nessuno che portasse avanti la sua tradizione.   C'era molta tristezza nella terra.   E niente formaggio. <p>     Ma poi quel piccolo genio di Sheila Colby scopri' l'ingrediente mancante.   Ed ancora una volta il formaggio fu abbondante.

Quando Sir Longhorn mori' tragicamente, non era rimasto nessuno che portasse avanti la sua tradizione. C'era molta tristezza nella terra. E niente formaggio.
Ma poi quel piccolo genio di Sheila Colby scopri' l'ingrediente mancante. Ed ancora una volta il formaggio fu abbondante.

Forse vuoi fare esperienza con le diverse modalita' con cui usare i non-breaking space, ma per ora, non andiamo a modificare il nostro documento. Puoi sempre aggiungere codice per identificare ciascun inizio di frase di tutti i paragrafi usando due istanze del codice speciale deputato per i non-breaking space.

Controlla il Tuo Lavoro

Confronta la tua pagina web con un esempio di come il documento dovrebbe apparire. Se la tua pagina web fosse diversa dall'esempio, controlla il testo che hai digitato nell'editor di testo. Assicurati di aver correttamente interrotto le sequenze di escape con i caratteri ; e gli &.

Informazioni Aggiuntive

Ecco alcuni caratteri speciali aggiuntivi che potresti trovare utili:

Nome	HTML	Risultato
Copyright Trademark Cent Gradi due volte inferiore a micron Punto Negazione, linea di continuazione Paragrafo Piu'/Meno Sterlina EG due volte superiore a Sezione Yen	© ® ¢ ° « µ · ¬ ¶ ± £ » § ¥	© ® ¢ ° « µ · ¬ ¶ ± £ » § ¥

Verifica

Argomenti di verifica per questa lezione:

In HTML, qual'e' il modo corretto per visualizzare una umlaut tedesca (ü)?
Cosa succede se non usi una sequenza escape < e > ?
Perche' avresti bisogno di una speciale sequenza escape per il carattere &?
Come puoi creare l'indentazione dei paragrafi?

Pratica Indipendente

Nel tuo documento HTML personale, aggiungi una parola straniera che necessiti di un accento speciale o una espressione matematica che usi il simbolo < o >. Oppure aggiungi qualche spazio extra per creare l'indentazione dei tuoi paragrafi.

Prossimamente....

Costruisci una bibliografia usando una lista descrittiva.

VAI A.... | Indice Delle Lezioni | indietro: "Testo Preformattato" | avanti: "Liste Di Definizioni" |

Writing HTML: Lezione 10: Caratteri Speciali
©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