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.