1 Odkazy Barvy odkazů se v HTML definují jako atribut tagu body. Link znamená barvu nenavštíveného odkazu, vlink navštíveného a alink znanená aktivní...
Odkazy Barvy odkazů se v HTML definují jako atribut tagu body.
Link znamená barvu nenavštíveného odkazu, vlink navštíveného a alink znanená aktivní odkaz. Pokud to nenastavíte, záležejí barvy na nastavení prohlížeče (nejčastěji jsou stejné jako v uvedeném příkladu: modrá, fialová a červená). Deklarace barev tímto způsobem se od 4. verze HTML považuje za zastaralou a její používání se nedoporučuje. Sice funguje, ale mají se používat CSS styly.
Barva pomocí CSS Když vložíte do hlavičky dokumentu stylopis (anglicky stylesheet), můžete ovlivnit i barvu odkazů. Jak se to píše: <style> a:link
{color: blue}
a:visited a:active
{color: purple} {color: red}
Stylopis patří do hlavičky (dovnitř tagu ). Kdyžtak mrkněte na návod, jak se CSS používají. V příkladu a:link znamená nenavštívený odkaz (bude modrý, blue), a:visited je navštívený odkaz a a:active je odkaz, na který se zrovna kliklo. Pomocí CSS stylů se dá odkazům přiřadit mnoho různých formátovacích vlastností, například aby všechny odkazy byly tučné a nepodtržené: a
{font-weight: bold; text-decoration: none}
Pseudotřída :hover V předchozím příkladu jsem použil CSS a pseudotřídy u odkazů (pseudotřída začíná dvojtečkou, to je to :link, :visited). Od 4. verze Internet Explorer obsahuje také pseudotřídu a:hover, která označuje odkaz, přes který se zrovna přejíždí myší. Když tedy napíšu do stylopisu další řádek a:hover
{ color: orange}
budou všechny odkazy při přejíždění myší měnit barvu na oranžovou. Mozilla a další moderní prohlížeče to umějí také. Barva není jediná věc, která se dá u odkazů měnit. Obzvlášť hezky vypadá, když se nadeklaruje barva pozadí, vnitřní okraj (padding) a rámeček (border). Odkaz pak vypadá jako tlačítko.
Bez podtržení Pomocí CSS se dá ovlivnit nejenom barva, ale spousta jiných věcí. Zejména se vypíná podtrhávání. Zápis je: <style> a:link, a:visited
{text-decoration: none}
-1-
Okruhy k absolutoriu
Rámy, odkazy (HTML)
Fungovalo by to, i kdyby se před závorku dalo jenom a (prostý odkaz), ale blblo by to v IE4. Podrobněji rozebírám v textu o praktickém použití CSS, můžete se také podívat na příklad.
