#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>