HTML a tvorba WWW strßnek

HTML a tvorba WWW strßnek - 3. lekce
24.Φervna 1998 xskrivan@fi.muni.cz

3.1 Zßkladnφ formßtovßnφ textu

Jak²koliv text, kter² neuvodφte ₧ßdn²mi HTML znaΦkami se zobrazφ standartn∞ ve vaÜφ strßnce. Pokud chcete, aby se text n∞jak odliÜoval, nap°. byl tuΦn², kurzφva, velkΘ, malΘ, podtr₧enΘ, apod. , musφte k tomu pou₧φt HTML znaΦky. Rovn∞₧ pro d∞lanφ ostavc∙ je pot°eba pou₧φt HTML znaΦku.

 °ßdkovßnφ
Nepßrov² tag, kter² na mφst∞, kde je uveden provede zalomenφ °ßdku a p°ejde na nov² °ßdek:

Zdroj: N∞jak² text a potom jeÜt∞ dalÜφ text a nakonec jeÜt∞ jeden text V²sledkem bude: N∞jak² text a potom jeÜt∞ dalÜφ text a nakonec jeÜt∞ jeden text

<hr> vodorovnß Φßra
Nepßrov² tag, kter² nakreslφ vodorovnou Φßru. ╚ßra slou₧φ k logickΘmu odd∞lovßnφ Φßstφ dokumentu. Pou₧itφ tagu <hr> ukazuje nßsledujφcφ tabulka:

<hr> <hr size=3 > <hr size=15 > <hr noshade > <hr size=3 noshade> <hr size=3 width=120 align=center > <hr size=3 width=170 align=right >

Atribut size urΦuje tlouÜ¥ku Φßry, implicitn∞ je 1, atribut width udßvß dΘlku Φßry. Tu lze zapsat bu∩ v bodech, nap°. width=150 , nebo procentußln∞ vzhledem k velikosti okna prohlφ₧eΦe, nap°. width=100% . Atribut noshade °φkß prohlφ₧eΦi, aby se Φßra nezobrazovala v "plastickΘ" podob∞, tzv. 3D Φßra. Implicitn∞ se v₧dy zobrazuje 3D Φßra. Poslednφ atribut align urΦuje zarovnßnφ Φßry:

align=left - zarovnßnφ Φßry k levΘmu okraji (implicitnφ hodnota)
align=right - zarovnßnφ Φßry k pravΘmu okraji okna prohlφ₧eΦe
align=center - zarovnßnφ na st°ed °ßdku
align=justify - zarovnßnφ od kraje ke kraji (je-li to mo₧nΘ)

3.2 SpecifickΘ formßtovßnφ textu

TypografickΘ zv²raz≥ovßnφ text∙ zajiÜ¥uje °ada HTML znaΦek. Zp∙sob zobrazenφ nenφ obecn∞ pevn∞ definovßn, tak₧e za zp∙sob zobrazenφ je zodpov∞dn² prohlφ₧eΦ.

Pφsmo:

... tuΦnΘ pφsmo
... kurzφva
... podtr₧enΘ pφsmo
<tt> ... </tt> pφsmo s pevnou Üφ°kou znaku
<big> ... </big> velkΘ pφsmo
... malΘ pφsmo
<s> ... </s> ~~p°eÜkrtnutΘ pφsmo~~

Velikost, barva, typ
K nastavenφ velikosti barvy a typu pφsma slou₧φ pßrov² tag  . Jeho pou₧itφ ukazuje nßsledujφcφ tabulka:

 n∞jak² text 

U atrubutu size jsou dv∞ mo₧nosti, jak zadat velikost pφsma. Bu∩ za n napφÜeme 1 a₧ 6, Φφm₧ definujeme velikost pφsma absolutn∞, nebo napφÜeme nap°. size=+1 , co₧ znamenß, ₧e vezme akutßlnφ velikost pφsma a text uzavren² ve  ...  bude mφt velikost o jedniΦku vyÜÜφ. Je dovoleno pou₧φt +1 a₧ +5, nebo naopak -1 a₧ -5. Atribut color urΦuje barvu textu. Barvy, kterΘ m∙₧ete pou₧φt, ukazuje nßsledujφcφ tabulka:

white	.	yellow	.	fuchsia	.
red	.	agua	.	lime	.
blue	.	gray	.	silver	.
olive	.	purple	.	maroon	.
green	.	navy	.	black	.

Atributem face se nastavuje typ pφsma. Pou₧itφ tohoto a ostatnφch atribut∙ asi nejlΘpe ukß₧e nßsledujφcφ tabulka:

 Program  Program
 hypertext  hypertext
 www strßnka  www strßnka

3.3 Nestandardnφ prvky pro formßtovßnφ textu

<blink>
Pßrov² tag, kter² zp∙sobφ, ₧e text ohraniΦen² v tomto tagu blikß.

zdroj: <blink> blikajφcφ text </blink> v²stup: blikajφcφ text

<center>
Pßrov² tag, kter² jak²koli objekt centruje na st°ed. Centrovan²m objektem m∙₧e b²t samoz°ejm∞ text, dßle obrßzek, seznam, tabulka, celß strßnka, apod.

zdroj: <center> n∞jak² text </center> v²stup: n∞jak² text

Shrnutφ:

HTML ingoruje vÜechny nadbyteΦnΘ mezery a volnΘ °ßdky. V dokumentu je tohoto pot°eba dosßhnout pomocφ znaΦky 
Pro odd∞lovßnφ logick²ch Φßstφ text strßnky se pou₧ivß vodorovnß Φßra (tag <hr>)
Pro typografickΘ zv²raz≥ovßnφ text∙ mß HTML k dispozici °adu tag∙
Pro nastavenφ velikosti, barvy a typu pφsma se pou₧φvß tag 
Pro centrovßnφ textu m∙₧ete pou₧φt tag <center>
Tagu <blink> se v dokumentu rad∞ji vyh²bejte, je to nestandardnφ prvek HTML

[Zp∞t] [Zm∞na k≤dovßnφ]