A HTML színkódok segítségével egyszerűen adhat színeket webhelyének kialakításához.
Nyisson meg egy webbiztonságos HTML színkóddiagramot, és vizsgálja meg az elérhető színeket. Míg a legtöbb számítógép bármilyen színt képes megjeleníteni, a csak webbiztonságos színek használata könnyebben elérhető lehetőség. Ezen kívül számos szín közül lehet választani. Válasszon olyan színeket projektjéhez, amelyek illeszkednek webhelye témájához és kialakításához. Jó hüvelykujjszabály, hogy válasszon két ingyenes színt és egy kiemelő színt. A semleges, például fekete, fehér, szürke vagy barna egy másik jó választás.
Másolja ki a webhelyén használni kívánt színekhez tartozó 6 karakteres HTML színkódokat. Ezek a 0, 3, 6 és 9 számokból, valamint a C és F betűkből állnak, különféle kombinációkban. Ezeket a 6 karakteres kódokat a HTML-webhely kódjában mindenhol használni fogja, ahol színes akcentust szeretne létrehozni.
Válasszon egy színt webhelye hátterének. A háttér ilyen színűvé alakításához használja a HTML kódot "
", és cserélje ki a 6 karakterből álló kódot a kívánt színkódra. Mivel ez a szín a teljes weboldaltörzs hátterére vonatkozik, ez a HTML kódrészlet a normál "" címke.Módosítsa a webhely oldalán található szövegek, címsorok vagy hivatkozások színét úgy, hogy színkódokat és megfelelő HTML-kódot ad meg webhelye kódjának oldalán. Bármely szöveg kiszínezhető a HTML attribútum hozzáadásávalCím
" a webhely kódjához.
Módosítsa webhelye összes címsorának színét a lépcsőzetes stíluslapok (CSS) használatával. Használja a "h1 {color:#336699;}" kódot a "
"és"" címkéket a webhely kódjában. Minden alkalommal, amikor kódol egy "" a webhelyén ez a szín lesz. A CSS a webhelyek stílusának standard módszere. Ez is megkönnyíti a belépést és a változtatások végrehajtását, ha újratervezni szeretnél.
Módosítsa a betűtípusok, hivatkozások és egyéb dolgok színét a CSS-ben. Használja a "p {color:#336699;}" CSS-kódrészletet a betűtípusokhoz. Az egyes szövegblokkok HTML-jét a "
"és"
" címkék. A hivatkozások színét a "{color:#336699;}" és a "" címkét a HTML-webhely kódjában. Más HTML-címkék, például képszegélyek, vízszintes szabályok és táblázatcellák is módosíthatók az alapvető "{color:#336699;}" CSS-kódrészlet használatával.