Pokiaľ prehliadač návštevníka webu nenájde v kóde stránky žiadny náznak farebného prevedenia hypertextových odkazov, použije predvolené hodnoty. Tieto hodnoty sú modré pre pasívne odkazy, červené pre aktívne odkazy (pri umiestnení kurzora myši) a purpurový odtieň pre už navštívené odkazy. Táto farebná schéma nie je vždy kombinovaná s farebnou schémou dizajnu stránky, preto je v kóde obvykle zahrnutý blok opisov štýlov odkazov.
Inštrukcie
Krok 1
Vytvorte pre prehliadač sadu pokynov, ktoré popisujú farby odkazov v troch stavoch. Napríklad to môže vyzerať takto: a: link {color: Red;}
a: navštívené {color: Yellow;}
a: hover {color: Orange;} Tu sa „a“na začiatku každého riadku nazýva „selektor“a určuje značku, na ktorú má prehliadač aplikovať popis štýlu uvedený v zložených zátvorkách. „A“je značka hypertextového odkazu. Slovo pridané do selektora oddeleného dvojbodkou sa nazýva „pseudotrieda“- podľa ktorej prehľadávač určuje, do ktorého stavu odkazu patrí štýl v zložených zátvorkách. odkaz sa zhoduje s bežným odkazom, navštívil odkaz, ktorý už bol navštívený, a umiestnite kurzor na odkaz, keď nad ním umiestnite kurzor. Farby priradené parametru color vo vnútri zložených zátvoriek je možné určiť buď názvom farebného odtieňa, alebo jeho hexadecimálnym kódom.
Krok 2
Ak potrebujete priradiť rôzne farby rôznym skupinám odkazov na stránke, potom každej skupine priraďte svoje vlastné označenie („trieda“) a pre každú z nich urobte samostatný popis štýlov. Napríklad pomenujte jednu skupinu LinksRed a druhú LinksGreen. Potom bude štýl vyzerať takto: a. LinksRed: link {color: Red;}
a. LinksRed: navštívené {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: navštívené {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;} A v značkách odkazov každej skupiny musíte uviesť, do ktorej triedy patria. Napríklad: Červený odkaz
Zelený odkaz
Krok 3
Tieto pokyny sú napísané v CSS (kaskádové štýly), takže je potrebné ich umiestniť do značky štýlu, ktorá ich oddeľuje od ostatných pokynov v zdrojovom kóde stránky napísaných v jazyku HTML (HyperText Markup Language):
a. LinksRed: link {color: Red;}
a. LinksRed: navštívené {color: Yellow;}
a. LinksRed: hover {color: Orange;} a. LinksGreen: link {color: Green;}
a. LinksGreen: navštívené {color: DarkGreen;}
a. LinksGreen: hover {color: Lime;}
Krok 4
Pripravený blok popisu štýlu odkazu umiestnite do hlavičkovej časti zdrojového kódu stránky - je ohraničený značkami a.
