Základní formátování textu
4. června 2006
|
Radek Kropík
|
Tak se po nějakém čase zase vracíme k naší internetové stránce, abychom mohli pokračovat v jejím vytváření.
Takže minule jsme si vytvořili takzvanou kostru webové stránky a nyní jí začneme plnit obsahem. Vytvoříme si opět kostru dokumentu HTML (pokud někdo neví, jak takovou kostru vytvořit, ať se koukne na první díl našeho seriálu vytváření webové stránky), a do této kostry v sekci <BODY> a </BODY> umístíme jakýkoliv text a trochu ho zformátujeme. Poté bude kód této stránky vypadat nějak takto:
<html>
<head>
<title>Formátování textu</title>
</head>
<body>
<h1>Vítejte na mé stránce</h1>
<p>Na této stránce najdete různé věci...</p>
<br>
<b>Tento text je tučný</b>
<br>
<i>Tento text je skloněný</i>
<br>
<u>Tento text je podtržený</u>
</body>
</html>
Tento kód uložte do složky www jako format.htm a otevřete v internetovém prohlížeči.
Co se v tomto kódu děje? Tak nejprve vytvoříme hlavičku, jak jsme se naučili v minulém díle. Pak do těla dokumentu vložíme <h1>Vítejte na…</h1>. Tato znamčka slouží k vytvoření nadpisu. Můžete použít tento tag od <h1> až po <h7> kde <h1> je největší písmo a <h7> je nejmenší.
Pak následuje značka <p> což je vlastně odstavec. Těchto odstavců můžete mít v dokumentu několik.
No a následující značky <b> <i> a <u> nepotoebují vysvětlení, vše je jisti patrné již z textu, který tyto značky obklopují. Jen musím dodat, že tyto tři značky lze kombinovat, takže lze vytvořit větu, která bude jednak tučná a pak také skloněná – toto zapíšeme do kódu následovně:
<b><i>Toto je tučný a zároveň skloněný text</i></b>
Poznámka: Značky ukončujte postupně v opačném pořadí, než jste je otvírali. Toto je například chyba:
<b><i>Chybné uzavření značek</b></i>
Správně má být tento kód zapsaný takto:
<b><i>Správné uzavření značek</i></b>
Jen k doplnění, značka <br>, která je několikrát v textu uvedena znamená tzv. odřádkování. Pokud tuto značku vložíte to vašeho kódu, dojde vlastně k přechodu na nový řádek. Pokud uvedete tyto značky dvě za sebou, dojde tak k dvojímu přechodu na nový řádek, čímž se vlastně vytvoří jeden prázdný řádek. To znamená, že pokud chcete například zapsat do stránky svou adresu, můžete to udělat takto:
Jan Novák<br>
Pražská 564<br>
Praha 4<br>
140 04<br>
Pokud si toto zapíšete do svého html dokumentu, uvidíte. Že každá položka adresy bude na samostatném řádku a to právě díky značce <br>
A to je pro tento díl vše. Příště si povíme nico o vkládání obrázku, které jistě vaši webovou stránku trochu více oživí.