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.

  <br> řá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 <br> a potom ještě další text <br> a nakonec ještě jeden text <br> 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:

• <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
• <s> ... </s> přeškrtnuté písmo

Velikost, barva, typ
K nastavení velikosti barvy a typu písma slouží párový tag <font> . Jeho použití ukazuje následující tabulka:

<font size=n color="barva" face="typ"> nějaký text </font>

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 <font> ... </font> 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:

<font color="olive" size=4 face="Arial"> Program </font> Program <font size=3 face="Times New Roman"> hypertext </font> hypertext <font color="blue" size=4 face="Courier"> www stránka </font> 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 <br>
• 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 <font>
• 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í]