| Prolog |
|---|
| Dnes se podíváme na to, kterak písmo dle libosti své upraviti lze :o)
|
|
| HTML 1. - formátování písma |
Formátování písma
| Značka |
Význam |
Podrobnosti |
| <i> |
kurzíva |
Párová značka. Příklad: <i>kurzíva</i> |
| <b> |
tučné |
Párová značka. Příklad: <b>tučné</b> |
| <em> |
zvýrazněné |
Párová značka. Příklad: <em>zvýrazněné</em>
Tato značka říká prohlížeči, aby v ní obsažený text zvýraznil. Většina prohlížečů text zobrazí kurzívou (stejně jako kdybychom použili značku <i>). |
| <strong> |
silně zvýrazněné |
Párová značka. Příklad: <strong>silně zvýrazněné</strong>
Tato značka říká prohlížeči, aby v ní obsažený text silně zvýraznil. Většina prohlížečů text zobrazí tučně (stejně jako kdybychom použili značku <b>). |
| <u> |
podtržené |
Párová značka. Příklad: <u>podtržené</u>
Pokud to není vysloveně nutné, na webových stránkách se nedoporučuje používat, aby se podtržená slova nepletla s odkazy. |
<s>
<strike> |
přeškrtnuté |
Párové značky. Obě značky slouží k zobrazení přeškrtnutého textu. Příklady: <s>přeškrtnuté</s> je totéž jako <strike>přeškrtnuté</strike>. |
| <tt> |
dálnopis |
Párová značka pro zobrazení výstupu dálnopisu. V prohlížečích se zobrazuje neproporcionálním (strojopisným) písmem. Příklad: <tt>dálnopis</tt>. |
| <code> |
výpis |
Párová značka pro zobrazení výpisu programového kódu. V prohlížečích se zobrazuje neproporcionálním (strojopisným) písmem. Příklad: <code>výpis</code>. |
| <sub> |
dolní index |
Párová značka. Příklad: H<sub>2</sub>SO<sub>4</sub> se v prohlížeči zobrazí jako H2SO4.
Několikanásobné indexy lze zobrazit opakovaným použitím značky: A<sub>n<sub>1</sub>+i</sub> se v prohlížeči zobrazí jako An1+i . |
| <sup> |
horní index |
Párová značka. Příklad: 2<sup>10</sup>=1024 se v prohlížeči zobrazí jako 210=1024.
Několikanásobné indexy lze zobrazit opakovaným použitím značky. |
| <small> |
malé |
Párová značka pro zmenšení písma o jeden stupeň. Lze použít opakovaně: <small>malé <small>menší</small></small> se v prohlížeči zobrazí jako malé menší
Poznámka: Na Liteře (21.4.2004) se zmenšení základního písma o více než jeden stupeň zobrazí pouze v některých prohlížečích (Netscape). |
| <big> |
velké |
Párová značka pro zvětšení písma o jeden stupeň. Lze použít opakovaně: <big>velké <big>větší <big>olbřímí</big></big></big> se v prohlížeči zobrazí jako velké větší olbřímí |
| <font> |
|
Párová značka pro nastavení znakové sady, velikosti a barvy písma. Příklad:
<font color="red" face="sans-serif" size="5">velké červené bezpatkové písmo</font>
prohlížeč zobrazí jako
velké červené bezpatkové písmo.
Podrobný popis této značky bude tématem příštího dílu. |
| <span> |
|
Párová značka pro logické oddělení části textu. Sama o sobě bez použití atributů (popíšeme příště) nic nedělá. |
|
|
| Epilog |
Značky <em>, <strong>, <em>, <tt>, <code>, <sub>, <sup> a <span> jsou zodpovědné za takzvané logické formátování - říkají totiž prohlížeči, co si má pod příslušným textem představit (výpis programu, důležitý text, index atd.). Takto zformátované texty lze snadněji analyzovat - vyhledávač dokáže posoudit důležitost jednotlivých pasáží, hlasový výstup podle kontextu změní způsob přednesu atd.). Zvýrazňujeme-li kupříkladu nějakou podstatnou pasáž textu, je vhodnější použít značku <em> či <strong> namísto <i> či <b>. Představme si slepce, který používá počítač s hlasovým výstupem. Text označený značkou <em> či <strong> mu prohlížeč přečte jiným tónem hlasu. Co udělat například s červeným textem na žlutém pozadí prohlížeč neví, takže text přečte normálně.
Přes veškerá doporučení se logické formátování používá málo, mnohem častěji se uplatňuje fyzické formátování (<i>, <b>, <font> atd.), které určuje pouze vzhled.
Pro účely literárního serveru lze na tuhle poznámku zapomenout; pokud byste však tvořili stránky, je nanejvýš vhodné důsledně používat logické formátování.
Pokračování příště... |
|
Počet úprav: 7, naposledy upravil(a) 'Humble', 28.04.2004 18:58.
| Názory čtenářů |
21.04.2004 13:16
 Jeff Logos
|
vedeš dobře osvětovou činnost :-))) |
21.04.2004 13:26
 Seregil
|
Skvěle Humble, jen dál.... |
21.04.2004 13:41
 Kodynie 
|
To se mi bude hodit. Hlavně se mi líbí jak jsi vytvořil nádhernou přehlednou tabulku v které se ani začátečník neztratí. ;-) |
21.04.2004 13:48
 Humble
|
Kodynie: Nojo, kvůlivá ní jsem mušíl počkat, až Endif dotvořil kontrolu html značek dle představ náročných mých. Vivat Endif :o) |
21.04.2004 15:34
Albireo
|
Opět dobré, ale v některých prohlížečích se text označený v příkladu jako dvakrát malý zobrazí stejně jako jednou malý. Proto tentoktát TIP normálním písmem. |
21.04.2004 15:50
Humble
|
Albireo: O velikostech píšu v dalším díle, který vyjde zítra. Problém je v tom, že základní velikost písma na Liteře je, pokud vím, 2. To jde zmenšit na 1 a pak už záleží na prohlížeči, jestli umí víc. Těch 7 základních velikostí písem není pořádně definováno a každý prohlížeč si je interpretuje po svém. Jediná univerzální možnost je tu část o opakovaném zmenšování vypustit :o)
|
21.04.2004 15:52
Albireo
|
To by byla škoda, stačí, že tady v Názorech je to objasněno. To jsem nepsal pro Tebe (vím, že to víš také), ale pro čtenáře. |
21.04.2004 15:58
Humble
|
Já to chápu a zrovna o tomhle jsem včera přemýšlel. Zásadní věc vidím v tom, že definitivní design Literry se ještě může měnit. V případě, že by se změnila základní velikost písma, by text typu "Na Liteře lze písmo zmenšit pouze jedním příkazem <small>" mohl pozbýt platnosti. Možná tam doplním malou poznámečku :o) |
21.04.2004 16:03
Albireo
|
Ono by to také nebyla pravda. Když určitou pasáž zadáš dost velkým základním písmem, můžeš zmenšovat do aleluja, nicht wahr? |
21.04.2004 16:06
Humble
|
To jo, základním písmem ale myslím písmo, kterým se texty zobrazují, aniž bych nastavil cokoli jiného. Dal jsem do tabulky příslušnou poznámečku, myslím, že naše diskuse k tomu vnáší docela dost vysvětlivek. Tenhle perfekcionismus mám rád :o) |
21.04.2004 16:07
Albireo
|
Tohle je ideální. |
21.04.2004 16:15
vk
|
|
21.04.2004 16:22
Humble
|
vk: V Netscape mi to běhá zleva doprava, v IE naopak. Tomu říkám alternativní direkce :o) |
21.04.2004 17:12
MARTY
|
A Humblík se nám zase předvádí :-))) No, tohle se může dycky hodit, i když teda... ne, že bych to neznal, ale alespoň jsem sï osvěžil svou stařeckou paměť :-) |
21.04.2004 17:19
Humble
|
Á jé, tys tu ještě chyběl - já si to sám potřeboval trochu utřídit, a není lepší prostředek než poučovat druhé :o) |
21.04.2004 21:30
Pavla
|
Předvádíš se, co, jak řekl Márty :))))
:p
Ale šikovná věc, to se muší nechat, se tě aspoň nemusim furt ptát na fšecko... ;) |
05.05.2004 15:06
karel_letoun
|
[ Text odstranen kvuli spamovani. Admin3 ]
To je blbost, já jsem napsal, že se mi to líbí. |
Přidat názor ...nápověda k hodnocení  |
|---|
(Pro přidání názoru je třeba se přihlásit)
|