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.

Formátování v HTML

Jak formátovat text
Předchozí Následující

#1 Prvky pro formátování

V HTML se nachází několik prvků, díky kterýmž lze formátovat text tak, aby byl tučný, psaný kurzívou, přeškrtnutý…

Prvek Funkce
<b> Tučný text
<del> Smazaný text
<em> Zdůrazněný text
<i> Kurziva
<ins> Vložený text
<mark> Zvýrazněný text
<small> Malý text
<strong> Důležitý text
<sub> Snížený text / dolní index
<sup> Zvýšený text / horní index
<u> Podtržený text

Prvky <b> a <strong>

Prvek <b> definuje prostý tučný text. Na druhou stranu prvek <strong> je většinou také tučný, ale záleží na nastavení daného prohlížeče.

<p>Odstavec s <b>tučným</b> textem.</p>
<p>Odstavec s <strong>důležitým</strong> textem.</p>

Prvek <del>

Definuje smazané písmo, které většina prohlížečů zobrazuje jako přeškrtnuté.

<p>Text, který je <del>zajímavý</del> důležitý.</p>

Prvky <ins> a <u>

Prvek <u> („underline“) definuje podtržený text. Prvek <ins> definuje „vložený“ text, prohlížečem často zobrazovaný podtržený.

<p>Odstavec s <u>podtrženým</u> textem.</p>
<p>Odstavec s <ins>vloženým</ins> textem.</p>

Prvek <mark>

Jedná se o zvýrazněný text. V základu mají prohlížeče nastavený zvýrazněný text jako inline text se žlutým pozadím.

<p>Odstavec se <del>zvýrazněným</del> textem.</p>

Prvky <em> a <i>

Prvek <i> („italic“) definuje kurzivu, tedy nakloněný text. Na druhou stranu, i když prvek <em> používá kurzívu také, jedná se o zdůrazněný text – užitečný pro čtečky stránek, které jej přečtou s přízvukem.

<p>Odstavec s textem v <i>kurzívě</i>.</p>
<p>Odstavec <em>emočním</em> textem.</p>

Prvky <small>, <sub> a <sup>

Prvek <small> definuje malý text, zmenšený o jednu jednotku textu.

Prvky <sub> a <sup> jsou si příbuzné – první značí snížené písmo (často „dolní index“) a druhý písmo zvýšené (často „horní index“).

<p>Odstavec <small>malým</small> textem.</p>
<p>H<sub>2</sub>O</p>
<p>c = a + b<sup>2</sup></p>