Home Page Indietro

Pagina 4: Caratteri in HTML

La prima cosa che vorrete inserire in cima ad ogni pagina è un titolo. Ci sono 6 livelli di grandezza dei caratteri che possono essere usati in HTML:

Carattere di dimensione 1

Carattere di dimensione 2

Carattere di dimensione 3

Carattere di dimensione 4

Carattere di dimensione 5
Carattere di dimensione 6

I tag per le dimensioni dei caratteri inseriscono in automatico delle interruzioni di linea prima e dopo, quindi con essi non è necessario usare i tag di interruzione paragrafo.

I tag per dimensionare i caratteri sono:

NOME TAG Commenti
Livello 1 <H1>...</H1> Livello più grande
Livello 2 <H2>...</H2>
Livello 3 <H3>...</H3>
Livello 4 <H4>...</H4>
Livello 5 <H5>...</H5>
Livello 6 <H6>...</H6> Livello più piccolo

Generalmente useremo solamente i primi tre livelli. Gli ultimi tre sono troppo piccoli!

Caratteri Speciali

In HTML i caratteri '<','>' e '&' hanno un significato speciale. Nel caso un vostro documento richieda questi simboli nel codice sorgente dovete scrivere (incluso ;)

&amp; per vedere & sullo schermo
&lt; per vedere < sullo schermo
&gt; per vedere > sullo schermo

N.B. - I caratteri speciali devono essere scritti in minuscolo nel codice.

Altri caratteri speciali possono essere utilizzati - ad es. ò ù ì.
Riporto quindi l'elenco dei caratteri standard HTML dove potete trovare tutti i caratteri speciali. Si tenga presente però che una corretta visualizzazione dipende in ultima battuta dal browser, dal font di default utilizzato e dalla sua codifica sulla macchina su cui viene eseguito il browser.

Modificare il proprio documento

Per aiutarvi ad imparare l'HTML produrremo un documento contenente le vostre informazioni personali. Nella pagina precedente avete imparato a creare un documento HTML di base.

Ora modificatelo affinchè il vostro nome (quello contenuto nel corpo del documento e non nel titolo) compaia con carattere di livello 1.

Seguite le istruzioni che seguono:

  1. Andate nella finestra dell'editor HTML.

  2. Racchiudete il vostro nome tra i tag <H1> e </H1>.

  3. Scegliete Save dal menu File per salvare le modifiche fatte.

Visualizzare il vostro documento all'interno del browser

  1. Ritornate alla finestra del browser che state usando come spazio di lavoro.

  2. Scegliete Open File dal menu File del browser. Cercate il vostro file (INDEX.HTM all'interno della directory pdcourse) ed apritelo.

  3. Ora dovreste vedere il vostro documento all'interno della finestra spazio di lavoro. Questa volta il nome dovrebbe apparire in grande.

Per vedere cosa dovrebbe visualizzare il vostro browser guardate questo esempio.