HTML tutoriál

HOME HTML Úvod do HTML HTML editory HTML Basic HTML prvky Atributy HTML HTML nadpisy HTML odstavce HTML styly Formátování HTML HTML citace HTML komentáře HTML barvy HTML CSS HTML odkazy HTML obrázky HTML favicon HTML tabulky HTML seznamy HTML Block & Inline HTML třídy ID HTML HTML iframe HTML JavaScript Cesty souboru HTML HTML hlava Rozložení HTML HTML responzivní Počítačový kód HTML Sémantika HTML Průvodce stylem HTML HTML entity HTML symboly HTML Emojis Znaková sada HTML HTML kódování URL HTML vs. XHTML

HTML formuláře

HTML formuláře Atributy formuláře HTML HTML prvky formuláře Typy vstupu HTML Vstupní atributy HTML Atributy vstupního formuláře HTML

HTML grafika

HTML plátno HTML SVG

HTML média

HTML média HTML video Zvuk HTML HTML pluginy HTML YouTube

HTML API

Geolokace HTML HTML Drag/Drop Webové úložiště HTML HTML Web Workers HTML SSE

Příklady HTML

Příklady HTML HTML kvíz HTML cvičení HTML certifikát HTML souhrn Přístupnost HTML

HTML reference

Seznam značek HTML Atributy HTML Globální atributy HTML Podpora HTML prohlížeče HTML události HTML barvy HTML plátno HTML Audio/Video HTML Doctypes HTML znakové sady HTML kódování URL HTML jazykové kódy Zprávy HTTP HTTP metody Převodník PX na EM Klávesové zkratky

Formátování textu HTML


HTML obsahuje několik prvků pro definování textu se speciálním významem.


Příklad

This text is bold

This text is italic

This is subscript and superscript


Prvky formátování HTML

Prvky formátování byly navrženy tak, aby zobrazovaly speciální typy textu:

  • <b>- Tučné písmo
  • <strong>- Důležitý text
  • <i>- Text kurzívou
  • <em>- Zdůrazněný text
  • <mark>- Označený text
  • <small>- Menší text
  • <del>- Smazaný text
  • <ins>- Vložený text
  • <sub>- Text dolního indexu
  • <sup>- Text horního indexu

Prvky HTML <b> a <strong>

Prvek HTML <b>definuje tučný text bez zvláštní důležitosti.

Příklad

<b>This text is bold</b>

Element HTML <strong>definuje text s velkou důležitostí. Obsah uvnitř je obvykle zobrazen tučně.

Příklad

<strong>This text is important!</strong>


HTML prvky <i> a <em>

Element HTML <i>definuje část textu v alternativním hlasu nebo náladě. Obsah uvnitř je obvykle zobrazen kurzívou.

Tip: Značka <i>se často používá k označení odborného výrazu, fráze z jiného jazyka, myšlenky, názvu lodi atd.

Příklad

<i>This text is italic</i>

Element HTML <em>definuje zvýrazněný text. Obsah uvnitř je obvykle zobrazen kurzívou.

Tip: Program pro čtení z obrazovky vysloví slova <em> s důrazem a použije verbální přízvuk.

Příklad

<em>This text is emphasized</em>

HTML <small> Element

Element HTML <small>definuje menší text:

Příklad

<small>This is some smaller text.</small>

HTML prvek <mark>

Element HTML <mark>definuje text, který by měl být označen nebo zvýrazněn:

Příklad

<p>Do not forget to buy <mark>milk</mark> today.</p>

HTML prvek <del>

Element HTML <del>definuje text, který byl odstraněn z dokumentu. Prohlížeče obvykle přeškrtnou smazaný text:

Příklad

<p>My favorite color is <del>blue</del> red.</p>

HTML prvek <ins>

Element HTML <ins>definuje text, který byl vložen do dokumentu. Prohlížeče obvykle podtrhnou vložený text:

Příklad

<p>My favorite color is <del>blue</del> <ins>red</ins>.</p>

Element HTML <sub>

Element HTML <sub>definuje text dolního indexu. Text dolního indexu se zobrazuje půl znaku pod normální čarou a někdy je vykreslen menším písmem. Text dolního indexu lze použít pro chemické vzorce, jako je H2O :

Příklad

<p>This is <sub>subscripted</sub> text.</p>

HTML prvek <sup>

Element HTML <sup>definuje text horního indexu. Text horního indexu se zobrazuje půl znaku nad normální řádkou a někdy je vykreslen menším písmem. Text horního indexu lze použít pro poznámky pod čarou, jako je WWW [1] :

Příklad

<p>This is <sup>superscripted</sup> text.</p>

HTML cvičení

Otestujte se pomocí cvičení

Cvičení:

Přidejte zvláštní důležitost slovu „degradace“ v odstavci níže.

<p>
Posláním WWF je zastavit degradacepřírodního prostředí naší planety.
</p>


Prvky formátování textu HTML

Tag Description
<b> Defines bold text
<em> Defines emphasized text 
<i> Defines a part of text in an alternate voice or mood
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text

Úplný seznam všech dostupných značek HTML naleznete v naší Referenční příručce značek HTML .