Ji₧ ve druhΘm dφle jsme si krßtce povφdali o formßtovßnφ textu, dnes si vysv∞tlφme slo₧it∞jÜφ postupy.
Kapitola IX. Odstavce
Prvnφ slo₧it∞jÜφ uspo°ßdßnφ textu je odstavec. V HTML jazyce se u odstavc∙ nerozliÜuje, zda je uvnit° jen text, a tak je m∙₧ete pou₧φvat i k zajiÜt∞nφ spoleΦn²ch atribut∙ pro mno₧inu objekt∙ na strßnce (viz dßle).
Odstavec se zadßvß p°φkazem <P>, kter² m∙₧e, ale nemusφ b²t pßrov².
Pokud chcete jen sumu textu odd∞lit od sebe, m∙₧ete pou₧φt pouze prvnφ Φßst p°φkazu:
Text p°ed odstavcem
<P>
Text v dalÜφm odstavci
Pokud vÜak chcete, aby kup°φkladu byl v jednom odstavci text zarovnan² doprava, tak odstavec i uzav°ete:
<P ALIGN="RIGHT">
Text v dalÜφm odstavci
</P>
Na v²Üe uvedenΘm p°φkladu zßrove≥ vidφte, jak zarovnat text v odstavci. DalÜφ povolenΘ hodnoty parametru ALIGN jsou "LEFT" (zarovnßnφ doleva), "CENTER" (vyst°ed∞nφ textu) a "JUSTIFY" (zarovnßnφ do bloku).
Pokud vÜak chcete, aby odstavec nebyl odsazen² od p°edeÜlΘho textu, tak m∙₧ete namφsto p°φkazu <P> pou₧φt p°φkaz <DIV>, kter² mß stejnΘ pou₧itφ.
DalÜφm u₧iteΦn²m pßrov²m p°φkazem je <PRE>, jen₧ vykresluje text v prohlφ₧eΦi p°esn∞ tak, jak jej napφÜete ve zdrojovΘm k≤du, tedy i s opakovan²mi mezerami, p°echodem na dalÜφ °ßdku a odsazenφm, kterΘ jsou jinak p°ehlφ₧eny.
Pro graficky zajφmav∞jÜφ strßnku m∙₧ete takΘ pro odd∞lovßnφ textu pou₧φt horizontßlnφ Φßru, je₧ se vykresluje p°φkazem <HR>, kterΘmu m∙₧ete p°edat tyto parametry:
SIZE=".." tlouܥka linky v bodech
WIDTH="..(%)" dΘlka linky v bodech, nebo v procentech z Üφ°ky strßnky
ALIGN=".." zarovnßnφ linky
NOSHADE linka nebude t°φrozm∞rnß
HTML poskytuje pochopiteln∞ vφce mo₧nostφ. B∞₧n∞ se text zalamuje podle toho, jak vyjde na Üφ°ku strßnky. Tuto skuteΦnost m∙₧ete zm∞nit pßrov²m p°φkazem <NOBR>, kter² oznaΦuje text, jen₧ nesmφ b²t zalomen. Naproti tomu je p°φkaz <WBR> obdobou klasickΘho p°φkazu <BR>, ale nezalamuje text v₧dy, n²br₧ jen tehdy, kdy₧ je to pot°eba (dalÜφ nezalomitelnß °ßdka je p°φliÜ dlouhß a nevejde se do Üφ°ky okna spolu s p°edchozφ).
DalÜφho odd∞lenφ textu docφlφte pßrov²m p°φkazem <BLOCKQUOTE>, kter² v sob∞ uzavφrß text, jen₧ je odsazen od p°edeÜlΘho o pßr znak∙ vpravo.
Poslednφ p°φkaz, o n∞m₧ si povφme v tΘto kapitole, je <CENTER>, kter² m∙₧e b²t pou₧it namφsto vyu₧φvßnφ odstavc∙, a to pro vyst°ed∞nφ textu.
Kapitola X. Seznamy
Seznamy jsou urΦeny k tomu, abyste mohli mφt text strukturovan² do jakΘsi stromovΘ struktury. V HTML existuje velkΘ mno₧stvφ typ∙ seznam∙.
Seznam se definuje hlaviΦkou, kterß je dßna pßrov²m p°φkazem <UL> nebo <OL>, a pak samotn²m zßpisem, kdy jednotlivΘ °ßdky jsou uvozeny p°φkazem <LI>. Vno°enφ do ni₧Üφ ·rovn∞ provedete op∞tovn∞ zapsan²m p°φkazem pro vytvo°enφ seznamu.
Prvnφ je seznam net°φd∞n². JednotlivΘ °ßdky jsou odd∞leny koleΦky (CIRCLE), body (DISC) nebo ΦtvereΦky (SQUARE), podle toho, jakou hodnotou dßte do parametru TYPE:
<UL TYPE="SQUARE">
<LI>Zelenina
<LI>Ovoce
<UL>
<LI>Jablka
<LI>HruÜky
<LI>PomeranΦe
</UL>
</UL>
Druh²m typem je t°φd∞n² seznam, kde je ka₧dß °ßdka oΦφslovßna, nebo jinak oznaΦena, podle zvolenΘho p°edpisu. Ten umo₧≥uje zvolit hodnotou parametru TYPE seznam bu∩ Φφslovan² b∞₧n²mi ("1") Φi °φmsk²mi Φφsly ("i" nebo "I"), nebo takΘ abecedou malou ("a") Φi velkou ("A"). Parametr Start umo₧≥uje zvolit prvnφ hodnotu, od kterΘ bude oznaΦenφ probφhat:
<OL TYPE="I" START="12">
<LI>Jablka
<LI>HruÜky
<LI>PomeranΦe
<LI>Broskve
<LI>Meru≥ky
<LI>Mandarinky
</OL>
(p°φÜt∞ tvorba tabulek)
Bed°ich Smetana
7 0735
V²pis zdroje ukßzkovΘ strßnky
<HTML>
<HEAD>
<TITLE>Kapitola IX. X.</TITLE>
</HEAD>
<BODY>
<H1><BLOCKQUOTE>Kapitola IX. a X.</BLOCKQUOTE></H1>
Toto je ukßzka normßlnφho textu.
<P ALIGN="CENTER">Toto je odstavec zarovnan² na st°ed.<BR>
Odstavec zarovnan² na st°ed.<BR>
Odstavec zarovnan² na st°ed.</P>
<P ALIGN="RIGHT">Toto je odstavec zarovnan² doprava.<BR>
Odstavec zarovnan² doprava.<BR>
Odstavec zarovnan² doprava.</P>
<HR SIZE="5" WIDTH="60%" ALIGN="RIGHT" NOSHADE>
<B>Net°φd∞n² seznam</B>
<UL TYPE="SQUARE">
<LI>Zelenina
<LI>Ovoce
<UL>
<LI>Jablka
<LI>HruÜky
</UL>
</UL>
<WBR>
<B>T°φd∞n² seznam</B>
<OL TYPE="I" START="12">
<LI>Jablka
<LI>HruÜky
<LI>PomeranΦe
</OL>
</BODY>
</HTML>
@