Zastaralé značky, které není doporučeno používat, v tomto přehledu nenajdete.
| Tag | Význam / popis | Příklad použití kód | Příklad použití výstup kódu | ||||||
|---|---|---|---|---|---|---|---|---|---|
| a | odkaz, odkaz na záložku, záložka | <a href="http://www.lublog.cz">Lublog</a> <a href="soubor.html">Nějaký soubor</a> <a name="zalozka"></a> (neviditelný odkaz záložky) <a href="#zalozka">Odkaz na předchozí neviditelnou záložku</a> | Lublog Nějaký soubor (neviditelný odkaz záložky) Odkaz na předchozí neviditelnou záložku |
||||||
| abbr | zkratka | <abbr title="vysvětlení">Co to je?</abbr> | Co to je: | ||||||
| acronym | zkratka | <acronym title="vysvětlení">Co to je?</acronym> | Co to je: | ||||||
| address | adresa | <adress>Toto je adresa</adress> | |||||||
| b | tučné písmo | <b>Toto písmo je tučné</b> | Toto písmo je tučné | ||||||
| big | zvětšení písma | <big>Toto písmo je o stupeň větší</big>
<big><big>Toto písmo je ještě větší</big></big> | Toto písmo je o stupeň větší Toto písmo je ještě větší |
||||||
| blink | blikání písma (nefunguje v Internet Exploreru) | <blink>Toto písmo bliká</blink> | |||||||
| blockquote | citace, odsazení | Dnes se již tento tag nepoužívá, nahradilo ho CSS | |||||||
| body | tělo stránky - mezi tyto značky se píše obsah | <body> obsah </body> | obsah | ||||||
| br | vynucené zalomení řádku | Obsah můžeme kdekoli<br>zalomit | Obsah můžeme kdekoli zalomit |
||||||
| button | tlačítko | <button>Tlačítko</button> | |||||||
| caption | hlavička tabulky | <table>
<caption align="bottom">
Hlavička tabulky díky align="caption" dole
</caption> <tr><td>Buňka</td><td>buňka</td></tr> </table> |
|
||||||
| center | vycentrování | <center>Toto je uprostřed, ale dnes už se nepoužívá, nahrazeno CSS</center> | |||||||
| cite | citace | <cite>Nepoužívaný tag</cite> | Nepoužívaný tag | ||||||
| code | výpis kódu | <code>Výpis kódu </code> | Výpis kódu |
||||||
| dd | definice termínu | <dl> <dt>Pojem</dt> <dd>Výklad pojmu</dd> </dl> |
|
||||||
| del | smazaný obsah | <del>Tento text je smazaný</del> | |||||||
| dfn | nově použitý termín | <dfn>Nový pojem - nepoužívaný tag</dfn> | Nový pojem - nepoužívaný tag | ||||||
| div | oddíl, blok, oblast díky němu lze pomocí CSS stylovat konkrétní část stránky, sám nijak obsah neformátuje | <div style="color:red">Tento text je červený</div> | Tento text je červený |
||||||
| dl | seznam definic | <dl> <dt>Pojem</dt> <dd>Výklad pojmu</dd> </dl> |
|
||||||
| dt | definovaný termín | <dl> <dt>Pojem</dt> <dd>Výklad pojmu</dd> </dl> |
|
||||||
| em | zvýraznění (kurzíva) | <em>Toto je důležité, prohlížeč většinou vykresluje kurzívou</em> | Toto je důležité, prohlížeč většinou vykresluje kurzívou | ||||||
| embed | Vložený objekt, který potřebuje dodatečný plugin | ||||||||
| font | písmo | <font color="blue">Modré písmo</font> | Modré písmo | ||||||
| form | formulář | ||||||||
| frame | rám | ||||||||
| frameset | skupina rámů | ||||||||
| h1 | nadpis 1. úrovně | <h1>Toto je nadpis první úrovně</h1> | Toto je nadpis první úrovně |
||||||
| h2 | nadpis 2 úrovně | <h2>Toto je nadpis druhé úrovně</h2> | Toto je nadpis druhé úrovně |
||||||
| h3 | nadpis 3. úrovně | <h3>Toto je nadpis třetí úrovně</h3> | Toto je nadpis třetí úrovně |
||||||
| h4 | nadpis 4. úrovně | <h4>Toto je nadpis čtvrté úrovně</h4> | Toto je nadpis čtvrté úrovně |
||||||
| h5 | nadpis 5. úrovně | <h5>Toto je nadpis páté úrovně</h5> | Toto je nadpis páté úrovně |
||||||
| h6 | nadpis 6. úrovně | <h6>Toto je nadpis šesté úrovně</h6> | Toto je nadpis šesté úrovně |
||||||
| head | hlavička stránky | Více na stránce Obsah hlavičky webové stránky | |||||||
| hr | vodorovná čára | <hr> | |||||||
| html | začátek a konec HTML dokumentu, tedy webové stránky | ||||||||
| i | kurzíva | <i>Toto písmo je kurzívou</i> | Toto písmo je kurzívou | ||||||
| iframe | vložený rám | <iframe src="http://www.lublog.cz" align="center"
frameborder="1" width="120px" height="300px">
Tento prohlížeč nepodporuje vložené rámy
</iframe> | |||||||
| img | obrázek | <img src="http://www.lublog.cz/princezna.jpg" alt="Princezna"> | ![]() |
||||||
| ins | přidaný text | <ins>Tento text byl doplněn později, zřídka používaný tag.</ins> | Tento text byl doplněn později, zřídka používaný tag. | ||||||
| li | položka seznamu | <ul><li>Položka</li><li>Další položka</li></ul> |
|
||||||
| link | neviditelný odkaz, používaný např. na propojení se stylopisem CSS Více v hlavičce stránky | ||||||||
| marquee | jezdící text | <marquee>Tento text by měl jezdit</marquee> | |||||||
| meta | informace o dokumentu. Více v hlavičce stránky | ||||||||
| nobr | zákaz zalamování obsahu | <nobr>Tento text se nebude zalamovat (na konci řádku)</nobr> |
|||||||
| object | objekt | ||||||||
| ol | číslovaný seznam | <ol><li>První položka</li><li>Druhá položka</li></ol> |
|
||||||
| optgroup | skupina položek v rozbalovacím seznamu | <select> <optgroup label="nadpis"> <option>položka 1</option> <option>položka 2</option> </optgroup> </select> | |||||||
| option | položka v rozbalovacím seznamu viz. výše optgroup | ||||||||
| p | odstavec | <p>Toto je odstavec</p> | Toto je odstavec |
||||||
| pre | předformátovaný text, zobrazí se tak, jak je napsán | <pre>jak je</pre> | jak je |
||||||
| s | přeškrtnutý text | <s>Přeškrtnutý text</s> | |||||||
| samp | výstup programu | <samp>Ukázka výstup programu</samp> | Ukázka výstup programu | ||||||
| script | skript, používá se pro JavaScript | <script language="JavaScript" type="text/javascript" src="souborsescriptem.js"> |
|||||||
| select | rozbalovací seznam viz výše „option“ a „optgroup“ | ||||||||
| small | zmenšení textu, možno použít i vícekrát za sebou | <small>Toto písmo je menší</small> | Toto písmo je menší | ||||||
| span | úsek textu - podobný „div“ s tím rozdílem, že span nazalamuje kolem sebe řádek | <span style="color:red">Tento text je červený</span> | Tento text je červený | ||||||
| strike | přeškrtnutý text | <strike>Přeškrtnutý text</strike> | |||||||
| strong | zvýraznění (většinou tučně) | <strong>Toto je důležité, prohlížeč většinou vykresluje tučně</strong> | Toto je důležité, prohlížeč většinou vykresluje tučně | ||||||
| style | zápis CSS stylu viz CSS | ||||||||
| sub | dolní index | O<sub>2</sub> | O2 | ||||||
| sup | horní index | 100m<sup>2</sup> | 100m2 | ||||||
| table | začátek a konec tabulky | <table> <tr><td>Buňka</td><td>buňka</td><tr> <tr><td>buňka</td><td>buňka</td></tr> </table> |
|
||||||
| td | buňka tabulky - viz „table“ | ||||||||
| textarea | textové pole | <textarea cols="30" rows="20">Pište</textarea> | |||||||
| th | nadpisová buňka tabulky | <table> <tr><th>buňka</th><th>buňka</th></tr> <tr><td>Buňka</td><td>buňka</td><tr> <tr><td>buňka</td><td>buňka</td></tr> </table> |
|
||||||
| title | nadpis html stránky - velmi důležitý viz hlavička stránky | ||||||||
| tr | řádek tabulky - viz „table“ | ||||||||
| u | podtržený text, doporučuje se nepoužívat, protože takový text se plete s odkazy | <u>Tento text je podtržený</u> | Tento text je podtržený | ||||||
| ul | odrážkový seznam | <ul><li>První položka</li><li>Druhá položka</li></ul> |
|
||||||
| <!– –> | poznámka, komentář | <!-- Poznámka v kódu, nezobrazuje se --> |
|||||||