Alíkovina

Alíkova miniškola HTML - 2. díl - barevnost a velikost písma

vydáno  •  Škola a poznání
V prvním díle jste se dozvěděli, jak se dělá kurzíva, tučné, podtržené a přeškrtnuté písmo, horní a dolní index a tvrdá mezera. Tentokrát si něco povíme o velikosti a barevnosti písma.

© Alík

Velikost a barevnost písma, podobně jako typ písma, o kterém si povíme příště, se provádí pomocí příkazu <font> a ukončuje pomocí </font>

Název například barvy, velikosti a podobně se správně má dávat do uvozovek. Většinou to funguje i bez uvozovek. Ale nikdy nesmíte udělat to, že byste například na začátek uvozovky dali a na konec ne - že byste je dali jen z jedné strany. To už je tam radši nepište vůbec. Když začátek dáte do uvozovek a na konci je zapomenete (což je dost častá chyba!), tak zmršíte většinou ještě velký kus dalšího textu.

Barevné písmo

Nejjednodušší způsob provádění barevnosti je pomocí použití anglických názvů barev, a to následujícím způsobem:
<font color="anglický název barvy">barevný text </font>

Konkrétní příklady psaní barevným písmem vypadají takto:

Jak se to napíše Co se zobrazí
<font color="red">červeně</font> červeně
<font color="blue">modře</font> modře
<font color="green">zeleně</font> zeleně
<font color="yellow">žlutě</font> žlutě
<font color="white">bíle</font> bíle
<font color="violet">fialově</font> fialově
<font color="gray">šedě</font> šedě
<font color="pink">růžově</font> růžově

Všimněte si, že zatímco slovo v pravé kolonce v řádku "žlutě" přečtete jen stěží, slovo v následujícím řádku přečtete ještě hůř. Ale ono tam je. Jenže je napsáno bíle, takže ho vidíte velmi špatně. Když si však text tzv. označíte myší, uvidíte ho.

Tento "fígl" můžete použít, když chcete napsat text, který nemá být viditelný na první pohled (s trochou nadsázky se dá říci "neviditelné písmo"). Zafunguje ve chvíli, kdy má písmo stejnou barvu jako podklad. Kromě vyjmenovaných barev lze použít i některé další, méně běžné - paleta barev

Barvu lze zapisovat i pomocí tří nebo šesti místných hexadecimálních čísel a v takovém případě se k nim dopisuje mřížka (např. červená by se zapsala: #F00 nebo #FF0000). O tom se dozvíte více v některém z příštích dílů.

Velikost písma

Velikost písma se ovlivňuje tímto příkazem:
<font size="...">text </font>,
přičemž na místě těch teček bude číslo. Jsou dvě možnosti; buď tam napíšete číslo bez znaménka v rozmezí od 1 do 7, nebo číslo se znaménkem v rozmezí od -2 do +4. Můžete napsat i číslo mimo uvedené rozmezí; nemá to však příliš efekt, protože když napíšete například 8 nebo 9, zobrazí se už jen velikost 7.

Ukázky:

Jak se to napíše Co se zobrazí
<font size="1">text</font> text
<font size="2">text</font> text
<font size="3">text</font> text
<font size="4">text</font> text
<font size="5">text</font> text
<font size="6">text</font> text
<font size="7">text</font> text
<font size="-2">text</font> text
<font size="-1">text</font> text
<font size="+0">text</font> text
<font size="+1">text</font> text
<font size="+2">text</font> text
<font size="+3">text</font> text
<font size="+4">text</font> text

Velikost písma v HTML lze ovlivňovat rovněž pomocí párových tagů <big> </big> a <small> </small>. Tag <big> písmo o jeden stupeň zvětšuje, tag <small> zmenšuje. Tyto tagy lze i vícenásobně vkládat do sebe.

Ukázky:

Jak se to napíše Co se zobrazí
Normální písmo Normální písmo
<big>Větší písmo</big> Větší písmo
<big><big>Ještě větší písmo</big></big> Ještě větší písmo
<small>Menší písmo</small> Menší písmo
<small><small>Ještě menší písmo</small></small> Ještě menší písmo

Kombinace barvy a velikosti

Jestliže potřebujete nějakou část textu psát určitou velikostí a ještě k tomu konkrétní barvou, pak se to nedělá tak, že by se obojí udělalo zcela zvlášť, nýbrž oba pokyny se dají do jednoho příkazu font.

Tedy nikoliv <font size=5><font color=red>text</font></font>
nýbrž správně je <font size=5 color=red>text</font>
(zobrazí se text).

Výše uvedené příklady ukazují, jak lze formátovat text pomocí HTML značek. Jiná metoda je pomocí kaskádových stylů (CSS).

V dalších částech seriálu se dočtete něco o typu písma, o členění textu, o odkazech. Chybět nebudou ani rady, jak si udělat vlastní internetové stránky.

Další zajímavé informace k tématu:

Autor:
» přejít do diskuse

Diskuse k článku  (38)

Příspěvek z 1. června 2009 ve 14:34.
petrarikki v něm napsal:

no tak s tim s tebou souhlasim napis mi na    ICQ    396 141 784

Příspěvek z 1. června 2009 ve 14:33.
petrarikki v něm napsal:

petrusk@

no komu se alik nelibi tady nema co delat
ale me se alik jako hodne libi
ani mi newadi ze sem na nej stara

a kdo chce tak at napise na moje icq nebo libko
ICQ:396 141 784

LÍBÍM SE TI:         petra.rikki
19

Příspěvek z 31. května 2009 ve 12:54.
-Irma v něm napsal:

ALIK

1no jo alík docela dobrej ale musim priznat ze ten starej alik byl lepsi ppre tam si mohl kazdy sam delat vyzitky na pozadi aky ce a ne tedkoms takove hnsne pozadi!jinak docela dobre:(11817