Seznam HTML značek podle použití

Zde naleznete seznam HTML značek i s odkazy na jejich popis. Roztřídíme je podle použití, aby se vám v nich lépe orientovalo. Tato stránka slouží jako rozcestník. Jednotlivé HTML značky jsou popsány v jednotlivých článcích.

Texty a nadpisy

• <p> – ohraničení textu v odstavci
• <h1> až <h6> – ohraničení textu, který tvoří nadpis
• <br> – zalomení na nový řádek uvnitř <p>, <h1>...
• <span> – ohraničení kusu textu za účelem změny designu
• <strong> – zdůrazní důležitosti části textu, v CSS většinou tučné
• <em> – zdůrazní část textu, v CSS většinou kurzíva
• <address> – značka ohraničující adresu
• <pre> – preformovaný text (reaguje na všechny mezery)
• <code> – označení kódu, funguje obdobně jako <pre>

Ovlivňující design

• <strong> – zdůrazní důležitosti části textu, v CSS většinou tučné
• <b> – tučné písmo, ale ne důležité pro vyhledávače jako je <strong>
• <em> – zdůrazní část textu, v CSS většinou kurzíva
• <i> – kurzíva, ale není důležitá jako <em>
• <sup> – horní index písmena např. m²
• <sub> – dolní index písmena např. H₂O

Seznamy

• <ul> – ohraničení neuspořádaného seznamu
• <ol> – ohraničení uspořádaného seznamu
• <li> – položka v uspořádeném i neuspořádaném seznamu
• <dl> – ohraničí slovníček pojmů, který se skládá z <dt> tedy pojmu a <dd> tedy vysvětlení
• <dt> – pojem
• <dd> – vysvětelení

Odkazy a tlačítka

• <a> – vytváří odkaz z textu nebo obrázku
• <button> – vykreslí tlačítko, které může odeslat formulář, ale může být napojeno i na JavaScript
• <map> – umí z obrázku vytvořit mapu odkazů
• <area> – pro <map> ohraničí zóny odkazu

Tabulky

• <table> – ohraničení začátku a konce tabulky
• <thead> – ohraničení začátku a konce záhlaví tabulky
• <tbody> – ohraničení začátku a konce těla tabulky
• <tr> – ohraničení řádku tabulky
• <td> – ohraničení buňky (sloupečku) tabulky
• <th> – totéž co , ale s obsahem nadpisu
• <caption>
• <col>
• <colgroup>
• <tfoot>

Obrázky, videa a zvuk

• <img> – značka pro obrázek
• <picture> – značka pro vkládání více druhů obrázků např. v závislosti na velikosti obrazovky 
• <video> – značka pro vložení videa pomocí HTML5
• <audio> – značka pro vložení zvuku pomocí HTML5

Formuláře

• <form> – začátek formuláře
• <input> – vstupní pole pro text, heslo, email, číslo, soubor... 
• <select> – výběr z několika možností
• <option> – položka ve výběru <select>
• <textarea> – vstupní pole pro delší texty
• <label> – popis vstupního pole
• <fieldset> – ohraničení skupiny polí formuláře
• <legend> – nadpis skupyny <fieldset>

Ohraničující značky

• <div> – blokové ohraničení jiných HTML značek za účelem jednotného stylování
• <menu> – totéž jako <div>, ale určen pro navigační menu
• <header> – totéž jako <div>, ale určen pro záhlaví obsahu
• <article> – totéž jako <div>, ale pro ohraničení obsahového bloku
• <hr> – oddělení dvou významově odlišných bloků HTML

Značky v záhlaví HTML dokumentu

• <title> – titulek celé HTML stránky zobrazený v záložce okna internetového prohlížeče
• <doctype> – značka označující v jakém standardu je HTML napsané
• <link> – pro odkaz na externí soubor, převážně CSS
• <meta> – průvodní data HTML souboru s velikým množstvím funkcí
• <script> – určen převážně pro JavaScript
• <base> – odkaz na základní URL

Kam dál

Naše služby Kurz základy HTML a CSS Kurz tvorby webových stránek pomocí systému Joomla Kurz Základy SEO