Seznam HTML tagů

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>

Toto je adresa

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>

Toto písmo bliká

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>

Hlavička tabulky díky align="caption" dole
Buňka	buňka

center

vycentrování

<center>Toto je uprostřed, ale dnes už se nepoužívá, nahrazeno CSS</center>

Toto je uprostřed, ale dnes už se nepoužívá, nahrazeno CSS

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>

Pojem: Výklad pojmu

del

smazaný obsah

<del>Tento text je smazaný</del>

~~Tento text je smazaný~~

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>

Pojem: Výklad pojmu

dt

definovaný termín

<dl>
  <dt>Pojem</dt>
  <dd>Výklad pojmu</dd>
</dl>

Pojem: Výklad pojmu

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>

Položka
Další položka

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>

Tento text by měl jezdit

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>

První položka
Druhá položka

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>

~~Přeškrtnutý text~~

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>

~~Přeškrtnutý text~~

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>

O₂

sup

horní index

100m<sup>2</sup>

100m²

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>

Buňka	buňka
buňka	buňka

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>

buňka	buňka
Buňka	buňka
buňka	buňka

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>

První položka
Druhá položka

<!– –>

poznámka, komentář

<!-- Poznámka v kódu, nezobrazuje se -->