2. lekce - odstavce, formátování textu
V druhé lekci si ukážeme, jak na základní strukturu dokumentu a formátování textu. Pokusíme se vytvoři naší osobní stránku.
Nejprve jako připomenutí z minulé hodiny, vytvoříme nadpis nejvyšší úrovně <h1> s naším jménem a příjmením.
Odstavce
Odstavec se vkládá do stránky pomocí značky <p> </p>. Jedná se opět o párovou značku. Do našeho prvního odstavce napíšeme text.
<p>
Moje osobní stránka. Učím se vytvářet webové stránky.
<p>
Vytvoříme si hned druhý odstavec, kde napíšeme základní informace o nás. Na každý řád zvlášť, napíšeme jednu informace, jako v ukázce.
<p>
Bydlište: Liberec
Škola: ZŠ Náměstí míru 2012/2, Liberec
Zájmy: kolo, lyže
</p>
Po otevření stránky v prohlížeči, se nám zobrazí toto:
Vidíme, že odstavec má automatické odsazení nahoře a dole, ale celý text se nám vypsal na jeden řádek. Přestože ve zdrojovém kódu máme informce vypsány na samostatných řádcích. Pokud chceme v odstavci udělat odřákování, musíme použít značku <br> na konci řádku. Tato značka je nepárová a píše se jen jednou, tam kde chceme ukončit řádek a přesunout se na nový.
<p>
Bydlište: Liberec<br>
Škola: ZŠ Náměstí míru 2012/2, Liberec<br>
Zájmy: kolo, lyže
</p>
Formátování textu
Dále si ukážeme, jak docílit základního naformátování textu. Jako první bude text tučný. Na ten použijeme značku <strong>. Slovo Bydliště dáme mezi tuto značku a následně i Škola a Zájmy.
<p>
<strong>Bydlište:</strong> Liberec<br >
<strong>Škola:</strong> ZŠ Náměstí míru 2012/2, Liberec<br >
<strong>Zájmy:</strong> kolo, lyže
</p>
Nakloněná text (kurziva) uděláme pomocí značky <em> </em&. Mezi tyto značky dáme název města Liberec. Pro podržený text budeme používat značku <u> </u>. Na naší stránku dáme mezi tyto značky naše koníčky: kolo, lyže. Můžeme samozřejmě použít i všechny tyto značky společně a mít text, tučný, nakloněný i podržený zároveň. Ukázku dáme do našeho prvního odstavce.
<p>
<strong><em><u>Moje osobní stránka.<u><em></strong> Učím se vytvářet webové stránky.
</p>
Jako poslední si ukážeme značku . Která slouží k zvýraznění textu, kdy na pozadí je použita žlutá barva. Použijeme ji na naší větu: Učím se vytvářet webové stránky. Náš vysledný dokument, který si uložíme pod názvem osobni.html bude vypadat takto.
Pokračuj na 3. lekci.