Ako zmeniť farbu odkazov na webovej stránke



Príklady farieb

Ďalej sú uvedené kroky, pomocou ktorých môžete zmeniť farbu odkazov zobrazených na vašej webovej stránke pomocou kódov HTML a CSS. Aj keď farby odkazov je možné vykonať pomocou kódu HTML TELO deň , vždy odporúčame vykonať akékoľvek nastavenia štýlu v prehliadači CSS ako je uvedené nižšie.

ako vytvoriť zavádzací USB disk Windows 7
Tip



Pri definovaní farby ľubovoľného prvku webovej stránky bude pravdepodobne potrebné použiť Farebné kódy HTML . Pre hlavné farby môžete namiesto použitia farebných kódov tiež určiť názvy týchto farieb, napríklad červenú, modrú, zelenú a čiernu namiesto použitia ich rešpektovaných hodnôt farebných kódov.

Pochopenie rôznych typov hypertextových odkazov

Hypertextové odkazy sú špeciálne prvky na vašej stránke, pretože sú interaktívne. Na označenie toho, že sú interaktívne, sú zafarbené rôzne v závislosti od ich stavu. Hypertextový odkaz má okrem svojej predvolenej modrej farby tri špeciálne farby, ktoré predstavujú tri rôzne stavy:

  1. Navštívený odkaz - Farba navštíveného odkazu. Ak má hypertextový odkaz túto farbu, môže používateľ očakávať, že kliknutím na tento odkaz sa dostane na stránku, ktorú už videl. Fialová je predvolená farba hypertextového odkazu pre navštívený odkaz.
  2. Ukazovateľ myši - Farba, keď myš sa vznáša nad odkazom. Ak má hypertextový odkaz túto farbu, môže používateľ očakávať, že stlačenie ľavého tlačidla myši (kliknutie) a jeho následné uvoľnenie spôsobí návštevu odkazu. Farba kurzora je rovnaká pre odkazy „Aktívne“ aj „Navštívené“.
  3. Aktívny odkaz - Farba odkazu po kliknutí. Keď používateľ uvidí túto farbu, môže očakávať, že uvoľnenie tlačidla myši spôsobí, že prehľadávač navštívi odkaz.
Tip

Navštívte naše hypertextový odkaz definícia ďalších informácií a súvisiacich otázok k hypertextovým odkazom.

Farebný príklad odkazu CSS

V príklade CSS nižšie nastavujeme farby hypertextových odkazov tak, aby sa podobali tým, čo je zobrazené na tejto stránke. Najskôr sú všetky kotvy nastavené na # 2c87f0 (odtieň modrej), # 636 na odtieň fialovej farby a farba všetkých kurzorov a aktívnych odkazov: # c33 (červená). Nasledujúci kód je možné pridať do prvku štýlu CSS alebo do súboru .css.

a { color: #2c87f0; } a:visited { color: #636; } a:hover, a:active, a:focus { color:#c33; }

Ak vaša stránka nepoužíva CSS, nižšie uvedené kroky ukazujú, ako to urobiť v HTML Značka BODY. Ako sme však už spomenuli, dôrazne odporúčame namiesto značky body použiť vyššie uvedený kód CSS. Vyššie uvedený kód môžete pridať do súboru CSS a prepojiť s ním všetky svoje webové stránky. Potom môžete zmeniť hodnoty farby pozadia v jednom súbore CSS a okamžite zmeniť farbu pozadia všetkých stránok, ktoré na ňu odkazujú.

Príklad značky tela HTML

Vo veľmi zriedkavých situáciách nemusí byť možné použiť CSS. V týchto situáciách môžete tiež definovať farbu pozadia, farbu textu, farbu odkazu a ďalšie hodnoty v značke tela HTML, ako je uvedené nižšie.

Nižšie uvádzame popisy všetkých atribútov HTML v značke body.

TEXT = Farba textu.
LINK = Farba odkazov.
VLINK = Navštívená farba odkazu.
ODKAZ = Farba aktívneho odkazu alebo farba, na ktorú sa odkaz zmení po kliknutí.
BGCOLOR = Farba pozadia stránky.