Vodorovná čára

Jedna z nejgeniálnějších věcí, které se zrodili v hlavách programátorů tvořících specifikaci HTML je právě vodorovná čára. O co vlastně jde? Jistě jste si již uvědomili, že stránka "nahuštěná" grafikou se bude docela pomalu načítat. Vodorovná čára částečně řeší tento problém s elegancí a přehledem. Jde o grafický prvek, jež není přenášen ze serveru, nýbrž je vykreslován přímo prohlížečem na základě zadání v HTML. Existuje dokonce celá skupina webových designérů, jež ve značné míře využívají tyto "proužky" - tento proud se nazývá PROUŽKOVÝ UNDERGROUND.

<HR>

To je celá věda okolo umístění vodorovné čáry. I když je zobrazena v syrové podobě, již nyní nám může dobře posloužit. A co na to náš Internetový prohlížeč?

Vidíte, že vzhled je zatím nic moc. Teď Vám naservíruju syntaxi se všemi parametry a můžeme si začít "hrát" ;-) .

<HR width="délka" size="šířka" color="barva" align="left|right|center" noshade>

• width - určuje délku čáry. Může se zadat absolutně v px (pixelech) a nebo v procentech (%) volného prostoru
• size - pro změnu určuje šířku (= tloušťku) čáry. Opět zadávána v pixelech celým číslem
• color - potřebuje tento atribut ještě nějaký komentář? Více o barvách tady
• align - zarovnání vlevo, vpravo či na střed. Opět nic nového pod Sluncem ;-(
• noshade - ano, opravdu se to tak zapisuje. Tento atribut bez hodnoty zapříčiní vypnutí (odstranění) stínu

Lepší bude praktická ukázka

• <HR width="255" size="1" color="red" align="left" noshade> - nejelegantnější je čára široká pouze 1 pixel. Dá se využít na 101 způsobů
• <HR width="50%" size="4" color="navy" align="center" noshade> - tlustější čára, jež se dá použít jako výraznější oddělovač jednotlivých částí stránky
• <HR width="150" size="40" color="silver" align="right" noshade> - "BIG BEN" mezi vodorovnými čarami. Nepřipomíná Vám spíše políčko tabulky? Při vhodně zvolené barvě se dá použít jako výplň prázdného prostoru s přesnými rozměry.