Cookies

Na naší webové stránce používáme soubory cookies pro její správné fungování, přizpůsobení analytických dat a dynamiky obsahu pro uživatele. Více informací o cookies.

Potvrzením zároveň ukládáte souhlas se zpracováním osobních údajů v rámci nařízení GDPR.

HTML odstavce

Text obecně, jak ho vložit
Předchozí Následující

#1 Odstavec textu

Odstavec vždy začíná na novém řádku, přičemž většinou se jedná o blok – odstavec – textu. Text, který chceme zobrazit se nachází mezi tagem <p> a ukončovacím tagem </p>.

<p>Odstavec textu</p>
<p>Další odstavec textu, již na novém řádku</p>
Upozornění: Tag odstavce má automatické odsazení (margin) nahoře a dole, podobně jako nadpisy.

#2 Zobrazování

Prohlížeče, které zobrazují HTML dokument, v němž se nachází odstavec textu, automaticky odstraňují jakékoliv bílé znaky (mezery, nové řádky…), aby se zabránilo různému zobrazování textů na různých zařízeních – mobilech, noteboocích či velkých monitorech. Ať už je tedy text v editoru napsán, vždy bude zobrazen stejně:

<p>Odstavec         textu,    který
se bude zobrazovat stejně</p>
<p>Odstavec textu, který se bude zobrazovat stejně</p>

Tag <pre>

Tomuto chování lze zabránit náhradou tagu <p> za tag <pre>, tzv. preformátovaný text, který zobrazuje svůj obsah přesně tak, jak je napsán v editoru kódu. Toto se často využívá pro básničky (obecně poetické texty), aby autor nemusel dávat každý řádek do jednotlivých tagů.

<pre>
 Byl pozdní večer – první máj –
 večerní máj – byl lásky čas.
 Hrdliččin zval ku lásce hlas,
 kde borový zaváněl háj.
</pre>

Nový řádek

Pokud je potřeba rozdělit text na vícero řádku a zároveň je zbytečné používat prvek <pre> (ať už z důvodu přehlednosti kódu nebo větší složitosti) lze použít nepárový tag <br>, tzv. line break, kde se text, který ho následuje dá na nový řádek.

<p>Odstavec textu, <br /> který má dva řádky</p>

Rozdělovací linka

Takzvaná rozdělovací linka, je nepárový prvek značený tagem <hr>. Do textu vkládá horizontální linku a zároveň nový řádek – tedy text rozdělený tagem <hr> bude mít horní řádek, na dalším řádku bude rozdělovací linka a na dalším řádku bude text pokračovat.

<p>První odstavec textu <hr /> další řádek, který je oddělen linkou</p>
Poznámka: Linebreak i rozdělovací linka jsou nepárové prvky – nemají ukončující tag ani žádný obsah. Zároveň je lepší psát je s ukončovacím lomítkem na konci (jako v příkladu výše), jelikož tak dosáhnete větší kompability.