Ki szeretne egy unalmas fekete-fehér weboldalt? A HTML-színkódok használatának megtanulása nemcsak szebbé teszi webhelyét, hanem növeli annak esélyét is, hogy a látogatók használni fogják. A HTML színkódok felhasználhatók az esztétikus tervezéshez, és arra összpontosíthatják a látogató figyelmét, hogy mit szeretne látni.

1. lépés

Nyisson meg egy webbiztonságos HTML-színkód diagramot, é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.

2. lépé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.

3. lépés

Válasszon egy színt webhelye hátterének. A háttér ilyen színűvé tételéhez 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 weboldal törzsének hátterének színe, ez a HTML-kódrészlet helyettesíti a normál "" címkét.

4. lépés

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 a megfelelő HTML-kódot helyezi el a webhely kódjának oldalán. Bármely szöveg kiszínezhető a "" HTML attribútum kódhoz való hozzáadásával. Például egy nagy címsor színének megváltoztatásához egyszerűen adja hozzá a "

Címsor

" szót a webhely kódjához.

5. lépés

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ék között a webhely kódjában. Minden alkalommal, amikor egy „

” kódot kódol a webhelyén, ez az adott szín lesz. A CSS a webhelyek stílusának standard módszere. Ezenkívül megkönnyíti a belépést és a változtatások végrehajtását, ha újratervezni szeretné.

6. lépés

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-kódját a "

" és a "

" címkék határolják. A linkek színe módosítható a „{color:#336699;}” és az „” címke használatával 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 szintén módosíthatók az alapvető "{color:#336699;}" CSS-kódrészlet használatával.

Tipp

Illessze a színeket weboldala témájához:zöld kertészkedéshez, pasztell árnyalatok babákhoz. A CSS az előnyben részesített módszer arra, hogy HTML színkódokkal színt adjon webhelyéhez.

Figyelmeztetés

Csak három vagy négy színt válasszon, hogy elkerülje, hogy webhelye ragacsosnak tűnjön. Ne feledje, hogy a fenti lépésekben szereplő címkék az egyértelműség kedvéért idézőjelben vannak. Amikor beilleszti a kódot a HTML-be, ne használjon idézőjeleket, amelyek a címkéken kívül találhatók.