Colori
I colori dello schermo sono definiti dai colori Rosso, Verde e Blu.
Perciò i colori in HTML sono definiti in un sistema basato sulla quantità di ognuno dei tre colori base.
Questo sistema si chiama RGB color system. (Ebbene sì - RGB significa Red, Green and Blue - Rosso, Verde e Blu!)
La maggior parte dei programmi di grafica (Photoshop, Photopaint, Paintshop Pro etc.) è in grado di lavorare con colori in un sistema RGB.
Il problema è che mentre gran parte dei dei programmi di grafica definiscono il codice RGB usando normali numeri decimali, HTML adopera i numeri esadecimali.
Questo significa che, se vuoi usare gli stessi colori nel tuo programma di grafica e sulla tua home page, dovrai convertire i numeri decimali in esadecimali.
Ecco una tipica definizione di colore in HTML:
<body bgColor="#FF8C67">
Il colore è definito come "#FF8C67".
Il simbolo # indica semplicemente che i seguenti numeri sono esadecimali.
I primi due caratteri specificano la quantità di rosso (FF).
I caratteri 3 e 4 specificano la quantità di verde (8C).
I caratteri 5 e 6 specificano la quantità di blu (67).
Qui sotto puoi vedere un esempio che mostra come i diversi colori vengono mescolati per ottenere il risultato desiderato:
FF + 8C + 67 = FF8C67
Essendovi due cifre esadecimali per ogni colore, si possono specificare 256 gradazioni di ogni colore base. Questo dà un totale di 256*256*256 = 16.777.216 differenti combinazioni.
Comunque, non tutti questi colori si vedranno allo stesso modo su tutti i browser e i sistemi operativi.
Soltanto 216 colori sono quelli che vengono considerati "sicuri" ("browser safe").
I colori sicuri sono colori che si vedono nello stesso modo, indipendentemente dal browser in cui appaiono.
Il motivo è che i browser che girano su diverse piattaforme interpretano i colori diversamente.
Gli unici 216 colori che si vedono sempre e comunque allo stesso modo, sono quelli composti da coppie di 00, 33, 66, 99, CC e FF.
Un esempio potrebbe essere: "#990066"
Cerca di limitarti sempre ad usare i colori caratterizzati da queste combinazioni. Puoi usare la tavolozza per scegliere i colori sicuri.
Carattere, grandezza e colore del testo
Il tag FONT è uno dei più usati e frequenti nell'attuale Web publishing. Nella sezione: Impostare lo sfondo del documento (elemento BODY) abbiamo visto come l'attributo TEXT dia un colore univoco a tutto il testo del documento. Il tag FONT ha in parte una funzione simile, ma molto più ampia e concettualmente differente.
Il tag FONT ha la funzione di formattare tipo e grandezza del testo limitatamente ad alcuni punti del documento. In realtà se il tag font aprisse e chiudesse il documento, la totalità del testo compreso al suo interno sarebbe formattato di conseguenza. Ma concettualmente il tag FONT è stato pensato per definire parti limitate di testo.
Segue la sintassi corretta del tag:
<FONT FACE="arial" SIZE="5" COLOR="#000099">Carattere da formattare</FONT>
L'attributo FACE="arial" indica il tipo di carattere da richiamare per la visualizzazione.
SIZE="5" la grandezza del carattere che può andare da 1 a 7 (con maggiore grandezza dei numeri vicini al 7);
COLOR="#000099" indica il colore del testo (esprimibile anche in valori esadecimali).
<B>, <I>
<B>, <I> sono tre dei più usati tag di formattazione fisica dell'HTML. Tutti vanno aperti e successivamente richiusi:
<B> Testo grassetto </B>
Il testo compreso tra questi tag è trasformato in grassetto (la B sta per BOLD).
<I> Testo corsivo </I>
Il testo compreso tra questi tag è formattato in corsivo (la I sta per ITALIC)