Odstavec, nadpis, seznam, div, span

K základnímu členění vašich textů na stránce budete využívat:

a/ nadpisy
b/ odstavce
c/ seznamy
d/ elementy div a span k označení zvláštní části textu

Nadpisy

Pro nadpisy používáme tagy H1 až H6. Tyto druhy nadpisů jsou předformátované a liší se zejména velikostí písma (H1 - největší a nejdůležitější, H6 nejmenší). Nadpisy se většinou automaticky zobrazí tučně a větším písmem.

vzor zápisu :
<h3>Toto je nadpis třetí úrovně</h3> a zde pokračuje již normální text.

Odstavce

Odstavce od sebe oddělují jednotlivé, významově a obsahově rozdílné části textu. Většinou obsahuje více řádků. Celý odstavec se uzavře do tagů:

<p> zde je uveden text odstavce ,
az de další řádek ...</p>

Seznamy

Seznamy jsou významnou částí textů a budete s nimi pracovat velmi často. Dělí se na uspořádané a neuspořádané seznamy.

Uspořádaný seznam je očíslován, nebo jinak sestupně, či vzestupně označen
Neuspořádaný seznam je pouze výčet položek.

Příklad neuspořádaného seznamu (ul):

Kód:

<ul>
<li>první položka</li>
<li>druhá položka</li>
<li>třetí položka</li>
</ul>


bude zobrazen takto:

• první položka
• druhá položka
• třetí položka

Příklad uspořádaného seznamu (ol):

Kód:

<ol>
<li>první položka</li>
<li>druhá položka</li>
<li>třetí položka</li>
</ol>


bude zobrazen takto :

1. první položka
2. druhá položka
3. třetí položka

Elementy div a span k označení části textu

Pokud potřebujete označit nějaký úsek textu, nebo jeho celý blok, můžete k tomu využít elementy div a span. Hlavní význam doceníte patrně až ve chvíli, kdy budete takto označený text (uvnitř tagů) formátovat - měnit barvu písma, velikost, pozadí ap.

div - je blokový element, k označení více řádků <div> ... několikařádkový text...</div>
span - je řádkový element, k označení části čádku <span> část řádku</span>



Rozdíl mezi oběma elementy je také v možnostech formátování, které si vyzkoušíte až později.
Např. u blokových elementu (např. div )je možné nastavovat rozměry (šířka,výška, odsazení, barva písma,...) . U řádkových elementů (např. span )toho lze nastavovat méně - formátování písma, výška řádku, ...

Zalomení řádky

Při psaní textu myslete na to, že prohlížeč bude zcela ignorovat veškeré za sebou vložené prázdné mezery (zobrazí pouze jednu) a vložené prázdné řádky. Pokud tedy chcete zalomit řádek na konkrétním místě, je potřeba do tohoto místa vložit nepárový tag konce řádku <br>. V tomto místě bude řádek na www stránce ukončen a text bude pokračovat na řádku dalším.

Vložení vodorovné čáry

Pokud potřebujete vložit vodorovnou linku a oddělit tak jednotlivé části stránky, nebo textu, docílíte toho vložením tagu <hr>:

---

Příklad - Použití nadpisů, odstavce a seznamu :