Caratteri-Guida al linguaggio HTML

Per attributi dei caratteri intendiamo i vari tipi di formattazione: per intenderci, la lista che si trova, in word, sotto Formato - Carattere.

Riportiamo di seguito gli attributi dei caratteri, con il relativo codice.

I vari attributi possono essere usati contemporaneamente.

Il testo di una pagina HTML può essere scritto utilizzando qualsiasi carattere visibile sulla tastiera. Alcuni caratteri, tuttavia, come ad esempio < o & vengono utilizzati come elementi del codice del linguaggio: per essi e per altri caratteri speciali vengono usati dei costrutti particolari.

Intestazioni e paragrafi

Ecco degli esempi di formattazione del testo:

Titolo1

Titolo2

Titolo3

Titolo4

Titolo5
Titolo6

Come ottenerle? E' semplice. Visualizza il tuo file "primo.htm"con Blocco note e aggiungi, prima del testo Primo esempio di scrittura in HTML, <H1>, poi, alla fine del testo, il tag rispettivo di chiusura </H1>. Salva le modifiche apportate.
Potrai vedere, se aggiorni il file, la tua frase scritta a caratteri molto grandi (Stile Titolo 1).
La frase con i caratteri più piccoli è quella scritta con l'uso degli elementi <H6></H6> (Stile Titolo 6)

Avrai notato, se hai fatto la prova, che i tags d'intestazione <h1>...<h6> forzano il testo ad andare a capo. Se invece si usa il tasto Invio questo non ha alcun effetto sulla visualizzazione del testo. Per mandare il testo a capo occorre usare dei tags speciali:

  • il tag <br> forza il testo ad andare a capo
  • Quanto viene scritto all'interno dei tags <p> e </p> viene racchiuso in un paragrafo. E' possibile allineare il testo mediante i seguenti attributi:
    • <p align=center> allinea al centro
    • < p align=left> allinea a sinistra (ma questo è automatico se non altrimenti specificato)
    • < p align=right>allinea a destra
    • < p align=justify>giustifica il testo
  • Quanto viene scritto all'interno dei tags <pre> e </pre> si presenta come paragrafo preformattato, che cioè viene visualizzato così come è stato scritto. Si tratta comunque di tags abbastanza delicati da usare, e che possono dare sorprese a seconda dello risoluzione dello schermo o della modalità si visualizzazione preferita dall'utente.
  • I tags <div> e </div> funzionano in modo molto simile ai tags <p>. Essi servono per allineare nello stesso modo più paragrafi, senza ripetere per ognuno di essi l'allineamento. Sono particolarmente utili con i fogli di stile (HTML dinamico: per ora meglio non affrontarlo). Usare i seguenti attributi:
    • <div align=center> per allineare al centro
    • < div align=left> per allineare a sinistra (ma questo è automatico se non altrimenti specificato)
    • < div align=right> per allineare a destra
    • < div align=justify> per giustificare
  • Quanto viene scritto all'interno dei tags <blockquote> e </blockquote> viene visualizzato in modo rientrato rispetto al resto del testo.

 

I NOMI DEI COLORI DI BASE

In una istruzione puoi scrivere, ad esempio

<font color="silver"> </font>
OPPURE
<font color="#C0C0C0="> </font>

 

black="#000000"

 

green="#008000"

 

silver="#C0C0C0"

 

lime="#00FF00"

 

gray="#808080"

 

olive="#808000"

 

white="#FFFFFF"

 

yellow="#FFFF00"

 

maroon="#800000"

 

navy="#000080"

 

red="#FF0000"

 

blue="#0000FF"

 

purple="#800080"

 

teal="#008080"

 

fuchsia="#FF00FF"

 

aqua="#00FFFF"

Special Thank's to Eliana Argenti and Tommaso Bientinesi.

Ringraziamento a Eliana Argenti e Tommaso Bientinesi.

 

http://www.webfract.it/

 

http://www.webfract.it/GUIDA/aindice1.htm

 

Maiuscolo o minuscolo?

L'HTML è "case unsensitive", cioè indipendente dal formato. Questo significa che è del tutto indifferente se scrivere i tag in maiuscolo o in minuscolo.

<P ALIGN="RIGHT">

e

<p align="right">

vengono letti allo stesso modo dal browser.

Fino a qualche tempo fa, per aumentare la leggibilità del codice, era buona norma scrivere in maiuscolo il nome del tag (es: <P>) e in minuscolo gli attributi (es: align="right"). Quindi:

<P align="right">

Tuttavia oggi, per analogia con l'XHTML (che è figlio dell'XML e dell'HTML ed è "case sensitive", sensibile a maiuscole/minuscole - cfr. guida XHTML) è consigliabile scrivere tutto in minuscolo, per abituarsi già al linguaggio che verrà. Maiuscolo e minuscolo, in ogni caso non costituiscono errore.

Fino a questo momento - per rendere più chiare le differenze - abbiamo utilizzato la vecchia abitudine di alternare maiuscolo e minuscolo differenziando tag e attributi, d'ora in poi invece tutta la sintassi HTML della guida sarà in minuscolo.