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 prvek kódu

Jak zobrazit na stránce text ve formátu kódu
Předchozí Následující

#1 Simulace kódu

V HTML se nachází prvek <code> a několik doplňovacích prvků, které mohou tvůrcům webových stránek pomoci se zobrazením kódu jako syntaxe vyňaté z editoru.

Prvek <code>

Prvek kódu <code> definuje text, který je zobrazen v monospace fontu – typ fontu, který se podobá písmu psacího stroje.

<code>
 a, b = 2;
 c = a + b;
<code>
Poznámka: Prvek <code> podobně jako odstavec textu nebere do úvahy nové řádky ani žádný jiný bílý prostor – vše bude zobrazeno za sebou. Vyřešit to lze obalením <code> prvkem <pre>.

Proměnná <var>

Prvek <var> se používá k definování proměnných pro matematické nebo programátorské texty. Text vně prvku se zobrazí s kurzívou.

<p>Součet stran je <var>a</var> + <var>b</var>.</p>

Vstup z klávesnice <kbd>

Prvek <kbd> má za úkol definovat vstup z uživatelovi klávesnice. Obsah prvku je zobrazen monospace fontem.

<p>Kopírování se na Windows provádí pomocí <kbd>Ctrl + C</kbd>.</p>

Prvek <sample>

Dalším speciálním prvkem je příklad <sample>, který definuje výstup – příklad – z programu spouštěného počítačem. Obsah je opět formátován pomocí monospace fontu.

<p>Zpráva:</p>
<p><samp>Stiskněte Enter</samp></p>