HTML pro BLONDÝNKY - 3. lekce

LEKCE III. - ČÁRY A ZAROVNÁNÍ

---

Čáry

Ke členění textu lze použít vodorovnou (HORIZONTÁLNÍ) čáru:

---

Kýženého efektu docílíme HTML zápisem: <HR>


Pokud chceme čáru obarvit, doplníme do TAGu HR vlastnost pro barvičku, například červenou:

---

HTML zápis: <HR COLOR=RED>


Čára nemusí být přes celé okno. Její délku lze nastavit.
Nastavení může být buď v pixelech (obrazových bodech), to jest uvedením konkrétního čísla, třeba 300, nebo v procentech, to jest za číslo uvedeme znak %. Rozsah je 1% až 100%, mezní hodnoty jsou ale celkem k ničemu.
Vřele doporučuji nastavovat šíři čáry v procentech!
Tímto relativním určením velikosti docílíme vždy kýženého efektu, a to bez ohledu na aktuální velikost okna a grafické rozlišení monitoru...
Zde je čára dlouhá 1/2 šíře aktuálního okna.
Pokud budete okno rozšiřovat či zužovat, čára bude vždy v délce jeho poloviny - svou délku bude měnit se změnami šířky okna:

---

HTML zápis: <HR WIDTH=50%>


Abychom měli jistotu, kam se čára, která není dlouhá přes celou šíři okna, zarovná, je dobré použít příkaz k úpravě vlastnosti zarovnání. Zde je čára umístěna vpravo:

---

HTML zápis: <HR ALIGN=RIGHT WIDTH=50%>

Další parametry vlastnosti zarovnání jsou:

Na střed:

---

HTML zápis: <HR ALIGN=CENTER WIDTH=50%>

Vlevo:

---

HTML zápis: <HR ALIGN=LEFT WIDTH=50%>


Čáře také můžeme nastavit její výšku (tloušťku), a to jen v pixelech:

---

HTML zápis: <HR ALIGN=CENTER WIDTH=50% SIZE=25>


Můžeme odstranit stínování:

---

HTML zápis: <HR ALIGN=CENTER WIDTH=50% SIZE=25 NOSHADE>


Můžeme dodat barvu (odstraňování stínování nebývá potřebné):

---

HTML zápis: <HR ALIGN=CENTER WIDTH=50% SIZE=25 COLOR=BLUE>

Poznámka: Normálně se čára, která není přes celou šíři okna, zarovnává na střed. Na Písmáku se však zarovnává vlevo a proto je vždy radno uvádět vlastnost ALIGN a její požadovaný parametr.

---

Zarovnání odstavce

Když umíme zarovnat čáru, umíme zarovnat i odstavec.

Text VPRAVO.

HTML zápis: <P ALIGN=RIGHT>Text VPRAVO.</P>

Text UPROSTŘED.

HTML zápis: <P ALIGN=CENTER>Text UPROSTŘED.</P>

Text VLEVO.

HTML zápis: <P ALIGN=LEFT>Text VLEVO.</P>

Ano, používám zde nový TAG, a to TAG P. Označuje odstavec a případně mu může dávat vlastnost zarovnání. Jak vidíte, pomocí vlastnosti ALIGN TAGu P, která má parametry LEFT / CENTER / RIGHT (LEFT je předpokládaná hodnota, když nenapíšeme nic) řídíme umístění textu k levé straně, na střed, či k pravé straně okna.

TAG P je v podstatě TAGem párovým, ale běžně se používá jako nepárový, protože jeho nové použití ruší jeho předchozí nastavení. Nicméně protože jsem bordelářka, používám i jeho uzavření, abych viděla hranice a nekřížila přes jednotlivé TAGy P třeba barvu či styl písma… Uzavření TAGu P nedělá nic jiného, než že otevře další odstavec, tedy jako když dáte znovu počáteční TAG P. Při použití tohoto TAGu se také obvykle odsadí text o jeden řádek.

---

Zarovnání nadpisů

Vlastnost ALIGN též můžeme použít u nadpisů, a to naprosto stejně jako u odstavců.

Nadpis VPRAVO

HTML zápis: <H4 ALIGN=RIGHT>Nadpis VPRAVO</H4>

Nadpis UPROSTŘED

HTML zápis: <H4 ALIGN=CENTER>Nadpis UPROSTŘED</H4>

Nadpis VLEVO

HTML zápis: <H4 ALIGN=LEFT>Nadpis VLEVO</H4>

---

Děkuji za pozornost!

Vaše Petula |||~_~||| Čarodějnice

---

V příští lekci si povíme něco o možnostech neproporcionálního písma a předformátovaného textu - tedy cestě k vyřešení jinak obtížného vkládání více mezer do textu.
Nebo o vkládání pohyblivého textu.
Nebo o tabulkách - do kterých lze mj. vkládat obrázky.
Nebo o vkládání odkazů na stránky a na obrázky - podle toho, jak budete chtít…