Pokud prohlížeč návštěvníka webové stránky nenajde v kódu stránky žádnou indikaci barevného provedení hypertextových odkazů, použije výchozí hodnoty. Tyto hodnoty jsou modré pro pasivní odkazy, červené pro aktivní (při přechodu) odkazy a purpurový barevný odstín pro již navštívené odkazy. Toto barevné schéma není vždy kombinováno s barevným schématem designu stránky, proto je v kódu obvykle obsažen blok popisů stylů odkazů.
Instrukce
Krok 1
Vytvořte pro prohlížeč sadu pokynů, které budou popisovat barvy odkazů ve třech stavech. Může to například vypadat takto: a: link {color: Red;}
a: navštíveno {color: Yellow;}
a: hover {color: Orange;} Zde se písmeno „a“na začátku každého řádku nazývá „selektor“a určuje značku, na kterou má prohlížeč aplikovat popis stylu uzavřený do složených závorek. „A“je značka hypertextového odkazu. Slovo přidané do selektoru oddělené dvojtečkou se nazývá „pseudotřída“- podle které prohlížeč určuje, ke kterému stavu odkazu styl ve složených závorkách patří. odkaz odpovídá běžnému odkazu, navštívil odkaz, který již byl navštíven, a umístit kurzor na odkaz, když nad ním umístíte kurzor. Barvy přiřazené k parametru color uvnitř složených závorek lze určit buď názvem barevného odstínu, nebo jeho hexadecimálním kódem.
Krok 2
Pokud potřebujete přiřadit různé barvy různým skupinám odkazů na stránce, přiřaďte každé skupině vlastní označení („třída“) a pro každou z nich vytvořte samostatný popis stylů. Například pojmenujte jednu skupinu LinksRed a druhou LinksGreen. Popis stylu pak bude vypadat takto: a. LinksRed: link {color: Red;}
a. LinksRed: navštíveno {color: Yellow;}
a. LinksRed: najeďte myší {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: navštíveno {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} A ve značkách odkazů každé skupiny musíte uvést, do které třídy patří. Například: Červený odkaz
Zelený odkaz
Krok 3
Tyto pokyny jsou psány v CSS (Cascading Style Sheets), takže je nutné je umístit do značky stylu, která je odděluje od ostatních pokynů ve zdrojovém kódu stránky napsaných v HTML (HyperText Markup Language)):
a. LinksRed: link {color: Red;}
a. LinksRed: navštíveno {color: Yellow;}
a. LinksRed: najeďte myší {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: navštíveno {color: DarkGreen;}
a. LinksGreen: vznášet se {color: Lime;}
Krok 4
Připravený blok popisu stylu odkazu umístěte do záhlaví zdrojového kódu stránky - je ohraničen značkami a.
