Obsah lekce:

Nadpisy

P°φkaz∙ k typografickΘ ·prav∞ textu v jazyce HTML existuje velmi mnoho. Pomocφ p°φkaz∙ pro tzv. "header" jsou oznaΦovßny nadpisy. Jazyk HTML poskytuje Üest velikostφ nadpis∙. P°φkazy pro nadpis jsou definovßny jako <H1> - <H6>, p°iΦem₧ <H1> je nejv∞tÜφ a <H6> nejmenÜφ nadpis.

<BODY>
Normßlnφ text
<H1>Velikost 1</H1>
<H2>Velikost 2</H2>
<H3>Velikost 3</H3>
<H4>Velikost 4</H4>
<H5>Velikost 5</H5>
<H6>Velikost 6</H6>
<H3 ALIGN=center>Vycentrovan² nadpis velikosti 3</H3>
</BODY>

V²sledek:

Velikost 1

Velikost 2

Velikost 3

Velikost 4

Velikost 5

Velikost 6

Vycentrovan² nadpis velikosti 3

<Hn src="url" nowrap align=[left | right | center | justify] clear=[left | right | all] dingbat=symbol seqnum=Φφslovßnφ skip=krok>
...text nadpisu...
</Hn>: pßrovß znaΦka slou₧φcφ pro specifikaci nadpis∙ v dokumentu; H1 je nejv∞tÜφ a H6 nejmenÜφ pφsmo

Citßty

K oznaΦenφ delÜφch citßt∙ se pou₧φvß p°φkaz <BLOCKQUOTE>, kter² je prohlφ₧eΦem zobrazovßn jako text odsazen² od okraje, nebo je zobrazen kurzφvou, p°φpadn∞ obojφ. Ke zv²razn∞nφ jmΘna autora nebo nßzvu citovanΘho dφla lze pou₧φt p°φkaz <CITE>, kter² nevytvo°φ nov² odstavec.

Pokud jde o zßpis adres (p°edevÜφm e-mailov²ch), pou₧φvß se p°φkaz <ADDRESS>. Ani p°i interpretaci tohoto nßv∞Ütφ nevytvo°φ prohlφ₧eΦ nov² odstavec.

<BODY>
Z Φlßnku <CITE>Sm∞le do Webu!</CITE> z Φasopisu HTML & Java (Chip SPECIAL) od vydavatelstvφ Vogel Publishing, s.r.o.:

<BLOCKQUOTE>
Sv∞t World Wide Webu je ·₧asn² p°edevÜφm proto, ₧e ka₧d² u₧ivatel Internetu zde m∙₧e za dostupnou cenu publikovat vlastnφ dokumenty. Populßrnφ on-line slu₧by typu CompuServe Φi AOL poskytujφ ka₧dΘmu p°edplatiteli n∞kolik megabajt∙ na sv²ch webovsk²ch serverech a dalÜφ spoleΦnosti je budou jist∞ brzy nßsledovat. Dokonce i klasiΦtφ poskytovatelΘ Internetu u₧ objevili p°ita₧livost obrovskΘho trhu a zaΦφnajφ p°ehodnocovat svou cenovou politiku.
</BLOCKQUOTE>

Vφce informacφ o literatu°e, t²kajφcφ se nejen Webu, se dozvφte na adrese <ADDRESS>http://www.vogel.cz</ADDRESS>.
</BODY>

Bude zobrazeno jako:

Z Φlßnku Sm∞le do Webu! z Φasopisu HTML & Java (Chip SPECIAL) od vydavatelstvφ Vogel Publishing, s.r.o.:

Sv∞t World Wide Webu je ·₧asn² p°edevÜφm proto, ₧e ka₧d² u₧ivatel Internetu zde m∙₧e za dostupnou cenu publikovat vlastnφ dokumenty. Populßrnφ on-line slu₧by typu CompuServe Φi AOL poskytujφ ka₧dΘmu p°edplatiteli n∞kolik megabajt∙ na sv²ch webovsk²ch serverech a dalÜφ spoleΦnosti je budou jist∞ brzy nßsledovat. Dokonce i klasiΦtφ poskytovatelΘ Internetu u₧ objevili p°ita₧livost obrovskΘho trhu a zaΦφnajφ p°ehodnocovat svou cenovou politiku.

Vφce informacφ o literatu°e, t²kajφcφ se nejen Webu, se dozvφte na adrese

http://www.vogel.cz

<BLOCKQUOTE> ...citovan² text... </BLOCKQUOTE>
<BQ> ...citovan² text... </BQ>: pßrovß znaΦka pro citovan² text; typicky je text odsazen od levΘho i pravΘho okraje s mezerou p°ed a za blokem citovanΘho textu; uvnit° tohoto p°φkazu je mo₧nΘ pou₧φt vÜechny ostatnφ znaΦky
<CITE> ... </CITE>: odkaz na literaturu (pou₧φvß se jako citace nebo odkazy na jinΘ zdroje)
<ADDRESS> ... </ADDRESS>: pßrovß znaΦka pro adresu; obsahuje informace jako adresa, podpis, autorstvφ; text je zpravidla zobrazovßn kurzφvou s odsazenφm od levΘho okraje

DalÜφ ·pravy textu

P°φkazy pro logickΘ formßtovßnφ textu jsou:

<I>	kurzφva (lehce polo₧en² text)
<B>	tuΦnΘ pφsmo
<TT>	text s pevnou Üφ°kou znaku
<S>	p°eÜkrtnut² text
<U>	podtr₧en² text
<KBD>	formßtovßnφ vstup∙ zadßvan²ch z klßvesnice
<VAR>	oznaΦenφ nßzv∙ prom∞nn²ch
<SAMP>	oznaΦenφ v²stup∙ program∙
<CODE>	vhodnΘ pro zdrojovΘ programy
<EM>	zv²razn∞nφ textu kurzφvou
<STRONG>	tuΦn² text
<SUP>	hornφ index
<SUB>	dolnφ index
<SMALL>	malΘ pφsmo
<BIG>	velkΘ pφsmo

VÜechny zde uvedenΘ p°φkazy lze libovoln∞ vno°ovat a kombinovat.

<BODY>
<I>Nßv∞Ütφ I</I>
<B>Nßv∞Ütφ B</B>
<TT>Nßv∞Ütφ TT</TT>
<S>Nßv∞Ütφ S</S>
<U>Nßv∞Ütφ U</U>
<KBD>Nßv∞Ütφ KBD</KBD>
<VAR>Nßv∞Ütφ VAR</VAR>
<SAMP>Nßv∞Ütφ SAMP</SAMP>
<CODE>Nßv∞Ütφ CODE</CODE>
<EM>Nßv∞Ütφ EM</EM>
<STRONG>Nßv∞Ütφ STRONG</STRONG>
<SUP>Nßv∞Ütφ SUP</SUP>
<SUB>Nßv∞Ütφ SUB</SUB>
<SMALL>Nßv∞Ütφ SMALL</SMALL>
<BIG>Nßv∞Ütφ BIG</BIG>
</BODY>

V²slednΘ zobrazenφ:

Nßv∞Ütφ I
Nßv∞Ütφ B
Nßv∞Ütφ TT
~~Nßv∞Ütφ S~~
Nßv∞Ütφ U
Nßv∞Ütφ KBD
Nßv∞Ütφ VAR
Nßv∞Ütφ SAMP
Nßv∞Ütφ CODE
Nßv∞Ütφ EM
Nßv∞Ütφ STRONG
^{Nßv∞Ütφ SUP}
_{Nßv∞Ütφ SUB}
Nßv∞Ütφ SMALL
Nßv∞Ütφ BIG

<B> ... </B>: tuΦnΘ pφsmo
<I> ... </I>: kurzφva
<U> ... </U>: podtr₧enΘ pφsmo
<TT> ... </TT>: pφsmo s pevnou Üφ°kou znaku
<BIG> ... </BIG>: velkΘ pφsmo
<SMALL> ... </SMALL>: malΘ pφsmo
<SUB> ... </SUB>: dolnφ index
<SUP> ... </SUP>: hornφ index
<STRIKE> ... </STRIKE>
<S> ... </S>: p°eÜkrtnutΘ pφsmo
<EM> ... </EM>: zv²razn∞nφ textu (typicky kurzφvou)
<STRONG> ... </STRONG>: zesφlenφ textu (typicky tuΦn²m pφsmem)
<KBD> ... </KBD>: indikuje text zadßvan² u₧ivatelem z klßvesnice
<CODE> ... </CODE>: program (p°. zdrojov² text programu)
<SAMP> ... </SAMP>: p°φklad (v²stupy program∙, apod.)
<VAR> ... </VAR>: indikuje prom∞nnΘ nebo argumenty p°φkaz∙
<DFN> ... </DFN>: definice termφnu

Mo₧nosti formßtovßnφ textu

Jazyk HTML je pro formßtovßnφ blok∙ textu vybaven celou °adou p°φkaz∙ a jejich parametr∙. Jednφm z parametr∙ mnoha p°φkaz∙ je atribut ALIGN, kter² slou₧φ p°edevÜφm k zarovnßvßnφ text∙ podle okraj∙ a k obtΘkßnφ obrßzk∙. U drtivΘ v∞tÜiny p°φkaz∙, kterΘ majφ tento parametr, m∙₧e nab²vat hodnot left, right a center.

Vycentrovßnφ textu odstavce:

<P ALIGN="center">Text odstavce</P>

Velmi Φasto je pot°eba umφstit stejn²m zp∙sobem n∞kolik prvk∙ dokumentu. Toho lze dosßhnout pou₧itφm p°φkazu <DIV>, p°iΦem₧ u centrovan²ch prvk∙ se nemusφ zadßvat parametr ALIGN, nebo¥ jeho standardnφ hodnota je nastavena na center. StejnΘho efektu jako u p°φkazu <DIV> lze dosßhnout pou₧itφm p°φkazu <CENTER>, s tφm rozdφlem, ₧e p°φkaz <CENTER> na rozdφl od <DIV> umo₧≥uje pouze vycentrovßnφ prvk∙ dokumentu (neumo₧≥uje zarovnßnφ vlevo Φi vpravo).

Pokud pou₧ijete atribut ALIGN u prvku umφst∞nΘho v Φßsti dokumentu definovanΘho p°φkazy <DIV> nebo <CENTER>, mß tento parametr vyÜÜφ prioritu a objekt bude zarovnßn podle tohoto lokßlnφho parametru.

<DIV class=chapter nowrap align=[ left | right | center | justify]>

...logickß Φßst textu...

</DIV>

pßrovß znaΦka slou₧φcφ k logickΘmu Φlen∞nφ textu na Φßsti

`class`	chapter oznaΦuje logickou Φßst "kapitola" textu
`nowrap`	zakazuje lßmßnφ textu uvnit° textu s v²jimkou vynucenΘho p°echodu na novou °ßdku p°φkazem <BR>
`align`	urΦuje zp∙sob zarovnßvßnφ textu `left` zarovnßvßnφ vlevo (implicitnφ) `right` zarovnßvßnφ vpravo `center` centrovßnφ na st°ed `justify` zarovnßvßnφ obou okraj∙ (pokud je to mo₧nΘ)

<CENTER> ... </CENTER>

vyst°ed∞nφ textu a obrßzk∙

Fonty

Pomocφ p°φkazu FONT lze m∞nit velikost pφsma v rßmci odstavce. Pou₧itß velikost pφsma je definovanß pomocφ parametru SIZE, kter² m∙₧e nab²vat hodnot 1 a₧ 7, p°iΦem₧ Φφslo 7 udßvß nejv∞tÜφ pφsmo. Standardn∞ je velikost fontu nastavena na SIZE=3. Krom∞ absolutnφch ·daj∙ o velikosti pφsma lze zadßvat takΘ ·daje relativnφ. V tomto p°φpad∞ p°edchßzφ Φφslu znaΦφcφmu velikost fontu znamΘnko "+" nebo "-", kterΘ znamenß o kolik se mß se font zv∞tÜit (zmenÜit) oproti souΦasnΘmu nastavenφ.

Standardnφ velikost pφsma lze pro dan² dokument zm∞nit pomocφ p°φkazu BASEFONT.

<BODY>
<BASEFONT SIZE=4>Pφsmo velikosti 4<BR>
<FONT SIZE=+2>P°echodnΘ pφsmo velikosti 6</FONT><BR>
A zase velikost 4
</BASEFONT>
</BODY>

Bude zobrazeno jako:

Pφsmo velikosti 4
P°echodnΘ pφsmo velikosti 6
A zase velikost 4

<FONT size=n color="barva" face="typ">
...text...
</FONT>: v²b∞r velikosti, barvy a typu pφsma
size velikost pφsma (nab²vß hodnot od 1 do 7; 7 je nejv∞tÜφ pφsmo)
color barva pφsma
face typ pφsma
<BASEFONT size=n color="barva" face="typ">
...text...
</BASEFONT>: umo₧≥uje p°edepsat velikost, barvu a typ zßkladnφho pφsma
size velikost pφsma (nab²vß hodnot od 1 do 7; 7 je nejv∞tÜφ pφsmo)
color barva pφsma
face typ pφsma