Nadpisy a texty

Nadpisy

Nadpisy jsou velmi důležité, protože pomáhají čtenářům (i vyhledávačům) pochopit, o čem naše stránka je a jak je uspořádaná. HTML má pro nadpisy šest úrovní, od největšího a nejdůležitějšího po nejmenší:

• <h1>: Hlavní nadpis stránky (používá se jen jednou na stránce!).
• <h2>: Důležité podnadpisy.
• <h3>: Podnadpisy pod h2.
• <h4>, <h5>, <h6>: Menší a méně důležité nadpisy.

Pamatujme si, že bychom měli používat nadpisy v logickém pořadí (jako kapitoly v knize) a ne podle toho, jak velké písmo chceme. Velikost písma můžeme později změnit pomocí CSS.

<h1>Moje pohádková kniha</h1>
<h2>Kapitola 1: Kouzelný les</h2>
<p>Jednoho slunečného rána...</p>
<h2>Kapitola 2: Dobrodružství draka</h2>
<p>A tak se stalo...</p>

Odstavce

Když chceme na stránku přidat obyčejný text, použijme značku <p> (jako "paragraph", neboli odstavec). Prohlížeč automaticky přidá prázdnou řádku před a za každým odstavcem, aby byl text přehlednější.

<p>Jednou, dávno tomu, žil v malé vesnici chlapec jménem Honza. Honza miloval dobrodružství a snil o tom, že se jednou vydá do světa a prožije něco neobyčejného.</p>
<p>Jednoho dne, když pomáhal dědečkovi na poli, našel starou, zaprášenou mapu. Vypadala jako mapa k pokladu!</p>

Zlomení řádku

Někdy chceme text zalamovat na nový řádek, ale nechceme začít úplně nový odstavec (tj. nechceme, aby se udělala prázdná mezera). K tomu slouží značka <br> (jako "break", neboli zlom). Je to samouzavírací značka, takže nepotřebuje uzavírací značku.

<p>Moje adresa je:<br>
Kouzelná ulice 123<br>
Pohádkové město</p>

Vodorovná čára

Značka <hr> (jako "horizontal rule", neboli vodorovná linka) vytvoří na stránce vodorovnou čáru. Je to také samouzavírací značka. Používá se k vizuálnímu oddělení sekcí obsahu.

<h2>První příběh</h2>
<p>Dlouhý text prvního příběhu...</p>
<hr>
<h2>Druhý příběh</h2>
<p>Dlouhý text druhého příběhu...</p>

Komentáře

Komentáře jsou super pro programátory! Můžeme do nich napsat poznámky k našemu kódu. Prohlížeč je úplně ignoruje a nezobrazí je na stránce. Jsou to jen připomínky pro nás.

<!-- Tohle je komentář a nikdo ho na stránce neuvidí! -->
<p>Dobrý den, jsem viditelný text.</p>
<!-- Tady začíná sekce o obrázcích -->