 |
FyzickΘ formßtovßnφ °φkß, jak mß kter² text p°esn∞ vypadat (tedy jak mß b²t formßtovßn). Nezab²vß se logickou rolφ formßtovanΘho textu (snad krom∞ sup a sub).
| Tag | V²znam | Pßrov² | Pou╛φvat? |
|---|---|---|---|
| b | tuΦnΘ pφsmo | ano | ano |
| i | kurzφva | ano | ano |
| u | podtr╛enφ textu | ano | ne |
| sub | dolnφ index | ano | ano |
| sup | hornφ index | ano | ano |
| small | zmen╣enφ textu | ano | |
| big | zv∞t╣enφ pφsma | ano | |
| s | p°e╣krtnut² text | ano | ne |
| strike | p°e╣krtnut² text | ano | |
| font | pφsmo | ano | ne |
| basefont | zßkladnφ font | ne | ne |
| blink | blikßnφ pφsma | ano | ne |
| nobr | nezalamovat obsah | ano |
Vymezuje v²znam elementu. P°itom v∙bec ne°φkß, jak mß vymezen² text vypadat. P∙vodn∞ m∞lo mφt logickΘ vymezenφ mnohem v∞t╣φ v²znam, ne╛ jak² mu p°isoudil dne╣nφ web, kde se pou╛φvß zejmΘna formßtovßnφ fyzickΘho. Dnes se logick²ch znaΦek pou╛φvß velmi z°φdka, navφc Φasto s fyzick²m v²znamem.
| Tag | V²znam | Pßrov² | Obvykl² vzhled |
|---|---|---|---|
| span | ·sek textu | ano | normßlnφ |
| strong | zv²razn∞nφ (tuΦn∞) | ano | tuΦnΘ |
| em | zv²razn∞nφ (kurzφva) | ano | kurzφva |
| cite | citace | ano | kurzφva |
| code | v²pis k≤du | ano | strojopis |
| dfn | nov∞ pou╛it² termφn | ano | kurzφva |
| kbd | vstup z klßvesnice | ano | strojopis |
| samp | ukßzka | ano | strojopis |
| tt | teletype | ano | strojopis |
| var | formßtovßnφ prom∞nnΘ | ano | kurzφva |
| abbr | ustßlen² v²raz | ano | normßlnφ |
| acronym | zkratka | ano | normßlnφ |
| del | smazan² obsah | ano | p°e╣krtnuto |
| ins | p°idan² text | ano | podtr╛eno |
| q | citace | ano | normßlnφ |
FyzickΘ formßtovßnφ
TuΦn² text (z angl. "bold"). Pou╛φvß se velmi Φasto ke zv²razn∞nφ. B²vß zam∞≥ovßn se <strong>, co╛ je logickΘ zv²razn∞nφ realizovanΘ tuΦn²m pφsmem.
Kurzφva (z angl. "italic"). B²vß zam∞≥ovßn za <em>, co╛ je logickΘ zv²razn∞nφ realizovanΘ kurzφvou.
Podtr╛enφ (a angl. "underline"). DoporuΦuji nepou╛φvat. Z nßsledujφcφch d∙vod∙:
Odkazy se v normßlnφm p°φpad∞ podtrhßvajφ samy, nenφ nutno to nastavovat.
Dolnφ index (z angl. "subscript"). Pro dal╣φ snφ╛enφ a zmen╣enφ je mo╛no pou╛φt vφcekrßt za sebou.
Hornφ index (angl. "superscript").
Zmen╣enφ pφsma o jeden stupe≥.
Mo╛no pou╛φt vφcekrßt za sebou: <small><small>maliΦk² text</small></small>
Zv∞t╣enφ pφsma o jeden stupe≥.
Mo╛no pou╛φt vφcekrßt za sebou.
P°e╣krtnutΘ pφsmo (z angl. striked).
P°e╣krtnutΘ pφsmo. Osobn∞ doporuΦuji pou╛φvat spφ╣e ne╛ <s>, t°eba╛e v HTML 4.0 doporuΦuje opak, toti╛ pou╛φvat <s>. ┌pln∞ nejlep╣φ je ale texty v∙bec ne╣krtat.
Nastavenφ barvy, velikosti a fontu pφsma.
| Atribut tagu <font> | V²znam | Hodnoty |
|---|---|---|
| color | barva pφsma | barva |
| size | velikost, stupe≥ pφsma | 1 a╛ 7 | +1 | -1 (+-1 a╛ 6)) |
| face | font, druh pφsma | jmΘna font∙ odd∞lenß Φßrkami |
P°φklad: <font color="red" face="Arial, Helvetica">ΦervenΘ pφsmo Arialem</font>
U face lze sice zadßvat vφce font∙ (pokud nenφ prohlφ╛eΦem rozpoznßn prvnφ nßzev, jde k dal╣φmu), ale v praxi je nutno z∙stat u Arialu (varianty Helvetica, Verdana, sans-serif), Timesu (serif) a Courieru (monotype), proto╛e jen u nich je jistota, ╛e budou na klientskΘm poΦφtaΦi zobrazeny sprßvn∞ a s Φe╣tinou. DoporuΦuje se i p°idßvßnφ "CE" za nßzev pφsma (kv∙li Windows 3.11)
Je doporuΦovßno tag <font> nepou╛φvat (je zastaral²). Lze jej nahradit tagem <span> s atributem style s definicφ CSS stylu nebo s p°edem definovanou t°φdou.
P°φklad: <span style="color: red; font-family: Arial, Helvetica">ΦervenΘ pφsmo Arialem</span>
Velikost pφsma se v HTML nenastavuje v bodech jako v╣echny ostatnφ rozm∞ry, ale ve stupnφch. Stupn∞ jsou jakΘsi imaginßrnφ jednotky vymy╣lenΘ pouze pro ·Φel HTML. Stup≥∙ pφsma je sedm. Od vysloven∞ mr≥avΘho stupn∞ jedna, kterΘ se skoro nedß Φφst, a╛ po kravskou velikost 7. B∞╛nΘ pφsmo je stupe≥ Φφslo 3.
P°esnΘ velikosti pφsem nejsou nijak konkrΘtn∞ stanoveny. U╛ivatel si m∙╛e pφsmo zv∞t╣ovat a zmen╣ovat v prohlφ╛eΦi. D∞lß se to p°φkazem Zobrazit - Velikost pφsma (nebo tak n∞co -- v ka╛dΘm prohlφ╛eΦi to m∙╛e b²t jinak). P°esnΘ velikosti pφsma lze dosßhnout pouze pomocφ CSS.
Krom∞ p°φmΘho nastavenφ stupn∞ pφsma se m∙╛e pou╛φt relativnφ zßpis +-, nap°. size="+1" znamenß zv∞t╣enφ pφsma o jeden stupe≥.
Zßkladnφ, p°ednastaven² font pro celou strßnku. Musφ se deklarovat bezprost°edn∞ za tagem <body>. Nepßrov² tag. Mß stejnΘ atributy jako <font>, ale u velikosti nelze pou╛φt relativnφ stupe≥.
Pou╛φvßnφ tohoto tagu se siln∞ nedoporuΦuje, proto╛e se jeho vlastnosti nevztahujφ na tabulky a obΦas ani na nadpisy. Podpora v modernφch prohlφ╛eΦφch je vßgnφ a nejistß. Prost∞ je zastaral².
P°φklad: <body><basefont face="arial" color="navy">Tmavomodr² Arial bude na celΘ strßnce. Snad.
Blikajφcφ pφsmo (z angl. blink = mrkat). Podporovßno pouze Netscapem.
ZakßzanΘ zalomenφ °ßdku. Text se prost∞ nezalomφ, i kdyby do╣el do konce strßnky. Pou╛φvß se zejmΘna v odkazov²ch prou╛cφch a sloupeΦcφch, aby nebyly odkazy rozhozenΘ p°es dva °ßdky.
N∞kde jsem se dozv∞d∞l o existenci tagu <wbr>, kter² umo╛≥uje zalomenφ uvnit° <nobr>. Nevφm, jak je podporovßn.
LogickΘ vyznaΦovßnφ
LogickΘ vymezenφ Φßsti textu, kterß bude jinak formßtovßna nebo na ni bude vßzßn skript. Je p°φbuzn² s tagem <div> s tφm rozdφlem, ╛e <span> je in-line, tzn. nezalamuje p°ed a po sob∞ °ßdku.
U tagu span lze pou╛φt pouze obecnΘ atributy. Ale majφ zde velk² v²znam, zejmΘna atributy style, class a id.
SilnΘ zv²razn∞nφ (z angl. strong = siln², mocn²). Prohlφ╛eΦe pro n∞j pou╛φvajφ tuΦnΘ pφsmo, proto b²vß zam∞≥ovßn s tagem <b>.
Zv²razn∞nφ (emphasis). Prohlφ╛eΦe vykreslujφ kurzφvou. Nejsprßvn∞j╣φ tag pro zv²raz≥ovßnφ (a pro tento ·Φel jen z°φdka pou╛φvan²).
Dal╣φ tagy logickΘho formßtovßnφ nejsou prakticky v∙bec pou╛φvanΘ. P∙lka proto╛e je zastaralß, druhß p∙lka (od abbr nφ╛e) je zase relativn∞ novß.
Citace, kterß na rozdφl od blokovΘ citace <blockquote> nezalamuje °ßdek (je in-line). Tak°ka neu╛φvan² tag zobrazovan² kurzφvou. N∞kterΘ vyhledßvaΦe pr² neindexujφ vnit°ek tohoto tagu, proto╛e se domnφvajφ, ╛e jde o externφ citaci.
V²pis k≤du, nap°φklad programu. Prohlφ╛eΦe pou╛φvajφ neproporcionßlnφ pφsmo (strojopis). Velmi z°φdka pou╛φvan² tag, jß jej pou╛φvßm na v²pis k≤dov²ch p°φkaz∙.
Definice novΘho v²razu. Prohlφ╛eΦe to zobrazujφ kurzφvou nebo tuΦnou kurzφvou. Prakticky nepou╛φvan² tag.
Vstup z klßvesnice zobrazen² strojopisem. Nepou╛φvan² tag.
"Vzorek", co╛ znamenß v²stup programu. Zobrazovßno strojopisem. Nikdy jsem nevid∞l pou╛itφ.
Teletypov² terminßl. «e nevφte, co to je? Jß takΘ ne. (Nabφzφ se v²raz "dßlnopis", co╛ ale problematiku spφ╣e zatem≥uje.) Zobrazovßno strojopisem.
Prom∞nnß. Zobrazovßno kurzφvou. Pou╛itφ snad jen mezi programßtory pro formßtovßnφ zdrojßk∙.
Hm, tak to by m∞lo b²t n∞co jako vysv∞tlenφ zkratky. Zajφmav²m atributem je obecn² atribut title, kter² by jako hodnotu m∞l obsahovat v²znam tΘ zkratky. Nevid∞l jsem pou╛itφ. V²mysl v HTML 4.0.
P°φklad: <abbr title="Cascading Style Sheets">CSS</abbr>
TotΘ╛, co <abbr>
Odstran∞n² text. Prohlφ╛eΦe jej zobrazujφ jako p°e╣krtnut², starΘ prohlφ╛eΦe jej zobrazφ normßln∞. V²mysl HTML 4.0. Osobn∞ rad∞ji odstran∞n² text ma╛u. A co vy?
P°idan² text. Zobrazovßno podtr╛enφm. Atribut datetime vyjad°uje Φas, kdy do╣lo k p°idßnφ. Time mß formßt rrrr-mm-ddThh:mm:ssTZD. Nesetkal jsem se s pou╛itφm.
Citace (angl. quote = citovat) podle definice HTML 4.0, svou funkcφ velmi podobnß tagu <cite>. Li╣φ se atributem cite, kterß obsahuje zdroj citace.
P°φklad: <q cite="http://dusan.pc-slany.cz">Bydlφm ve SlanΘm, mßm se dob°e</q>
| P°edchozφ: Struktura dokumentu | Obsah | Dal╣φ: Bloky |
| Vizte tΘ╛: CSS - KaskßdovΘ styly | ||
HTML jazyk
HTML tagy
Hledßnφ
HTML p°φruΦka
http://dusan.pc-slany.cz/internet/html/
Pφ╣e Yuh∙: autorova strßnka, mail: dusan@pc-slany.cz