Kromě nadpisů a odstavců máme v HTML spoustu značek, které nám pomůžou dát textu speciální význam.
Značka <b>
(bold) text jen ztuční. Značka <strong>
(strong emphasis - silný důraz) také text ztuční, ale navíc říká, že je tento text důležitý. Pro vyhledávače a čtečky obrazovky je <strong>
lepší.
<p>Tohle je <b>tučný</b> text. Tohle je <strong>velmi důležitý</strong> text.</p>
Značka <i>
(italic) text jen nakloní (kurzíva). Značka <em>
(emphasis - důraz) text také nakloní, ale navíc říká, že na tento text je kladen důraz.
<p>Toto je <i>kurzíva</i>. Toto je <em>důrazná</em> kurzíva.</p>
Značka <ins>
(inserted - vložený) podtrhne text. Je to jako byste řekli: "Tento text byl nově přidán."
<p><ins>Nové a vylepšené funkce!</ins></p>
Značka <del>
(deleted - smazaný) přeškrtne text. Je to jako byste řekli: "Tento text už neplatí, byl smazán."
<p>Stará cena: <del>100 Kč</del> Nová cena: 75 Kč!</p>
Značka <mark>
(mark - označit) zvýrazní text, jako byste ho podtrhli žlutým fixem. Je to jako byste řekli: "Tohle si zapamatuj, je to důležité!"
<p>Nezapomeň si přečíst <mark>celou kapitolu</mark>!</p>
Značka <sub>
(subscript - dolní index) posune text trochu dolů. Používá se například ve vzorcích.
<p>Vzorec pro vodu je H<sub>2</sub>O.</p>
Značka <sup>
(superscript - horní index) posune text trochu nahoru. Používá se například pro mocniny nebo poznámky pod čarou.
<p>Dva na druhou je 2<sup>2</sup>.</p>
Důležité: I když jsou tu také značky pro <big> (větší text) a <small> (menší text), velikost písma a další vizuální úpravy se dělají správně pomocí CSS. HTML by mělo spíše říkat, co text je (nadpis, odstavec, důležitý text), a CSS, jak vypadá (velikost, barva).
Úkol: Ve svém HTML souboru si vytvořte novou sekci s nadpisem <h2>
"Moje Textové Hrátky".
Uložte a uvidíte, jak se Váš text promění!