Alapfokú html tanfolyam 10. rész

Egy pillanat alatt meg lehet változtatni egy oldal arculatát, ha megváltoztatjuk a háttérszínét. A színekre vonatkozó utasítások közül ez azon kevesek egyike, ami a böngészők szinte mindegyikével alakalmazható. A háttérszínt a dokumentum bevezető részében kell definiálnunk az alábbi módon. Példaként egy fehér háttérszínű dokumentumot mutatunk be, melyhez az alábbiakat kell begépelnünk.

<html>
<body bgcolor="FFFFFF">
Ez egy fehér háttérszínű dokumentum
</body>
</html>

Vajon mit jelent az "FFFFFF"? Ez a 6 karakterből álló szimbólum a szín úgynevezett RGB kódja. Az első két karakter a vörös (R=red) szín erősségét mutatja 16-os számrendszerben (hexadecimálisan). A leggyengébb a 00, a legerősebb az FF. (a számok növekvő sorrendben: 00, 01, 02, 03, 04, 05, 06, 07, 08, 09, 0A, 0B, 0C, 0D, 0E, 0F, 10, ..., FE, FF). A 3. 4. karakter a zöld szín erőssége (G=green), az 5. 6. a kéké (B=blue). Ennyi előismerettel persze már kikísérletezhetnénk az összes színt, de nem árt ha néhány színt példaként megmutatunk.

000000
 
444444
 
888888
 
BBBBBB
 
FFFFFF
 
B00000
 
D00000
 
E00000
 
F00000
 
FF0000
 
00B000
 
00D000
 
00E000
 
00F000
 
00FF00
 
0000B0
 
0000D0
 
0000E0
 
0000F0
 
0000FF
 
00FFFF
 
800080
 
FFFF00
 
FF00FF
 
008080
 

Néhány szabály tisztán látszik. A vörös és a zöld keveréke a sárga, a kéké és a zöldé a türkiz, a vörösé és a kéké a lila. Alkossunk további színeket kedvünk szerint!

Az előző táblázatot úgy készítettük, hogy kihasználtuk, hogy egy táblázat háttérszínét is be lehet állítani.

<table border=1 bgcolor="FFFF00">
<tr><td>sárga színű táblázat</td></tr>
</table>

Eredménye:

sárga színű táblázat

A betűk színe is állítható.

<font color="FF00FF"> lila színű betűk</font>

Eredménye:

lila színű betűk
A színeket nem csak RGB kódokkal, hanem szabványos nevekkel is meg lehet adni, mint pl.: blue, green, stb. Egy részletesebb táblázatot itt találsz!
Előzmény
Folytatás
Vissza
Előre