Přehled důležitých tagů

 

HTML struktura

body Tag body v HTML 5 označuje tělo celého HTML 5 dokumentu, ve kterém nalezneme obsah celých webových stránek. Popis elementu a ukázky jeho použití.
DOCTYPE Tag DOCTYPE v HTML 5 sděluje prohlížeči, že kód zobrazuje HTML 5 dokument. Popis elementu a ukázky jeho použití.
head Tag head v HTML 5 označuje hlavičku dokumentu, kde můžeme specifikovat např. kódování dokumentu. Popis elementu a ukázky jeho použití.
Hlavička HTML dokumentu Popis hlavičky head HTML dokumentu a elementů do ní patřících, tedy title, style, link, base, meta, script a noscript.
html Tag html v HTML 5 obaluje celý HTML dokument, který obsahuje hlavičku a tělo. Popis elementu a ukázky jeho použití.
link Tag link v HTML 5 se používá k provázání dokumentu s externím souborem, nejčastěji k CSS stylům. Popis elementu a ukázky jeho použití.
meta Tag meta v HTML 5 poskytuje tzv. metadata. Jedná se o informace vložené do HTML dokumentu. Popis elementu a ukázky jeho použití.
Struktura HTML dokumentu Popis struktury HTML dokumentu, tedy tagů doctype, html, head a body. Vysvětlíme si, co do které sekce patří.
style Tag style v HTML 5 slouží k vložení stylování přímo do HTML dokumentu. Popis elementu a ukázky jeho použití.
title Tag title v HTML 5 obsahuje titulek stránky. Každá HTML stránka ho musí v hlavičce obsahovat. Popis elementu a ukázky jeho použití.

Textové tagy

b Tag b v HTML 5 označuje text, který se stylisticky odlišuje od ostatního textu, ale zároveň není důležitý. Popis elementu a ukázky jeho použití.
cite Tag cite se v HTML 5 používá k citování názvu díla nebo práce. Tag bývá často špatně pochopen, podívejte se na popis elementu a ukázky jeho použití.
em Tag em v HTML 5 označuje část textu, která má větší význam než okolní text. Text je vykreslen kurzívou. Popis elementu a ukázky jeho použití.
h1 Tag h1 v HTML 5 označuje nejhlavnější nadpis, který obvykle obsahuje název webových stránek. Popis elementu a ukázky jeho použití.
h2 Tag h2 v HTML 5 označuje nadpis článku či podstránky. Leží vždy pod nadpisem h1. Popis elementu a ukázky jeho použití.
h3 Tag h3 v HTML 5 označuje nějakou menší sekci než nadpis úrovně druhé. Popis elementu a ukázky jeho použití.
h4 Tag h4 v HTML 5 označuje nějakou menší sekci než nadpis úrovně třetí. Popis elementu a ukázky jeho použití.
h5 Tag h5 v HTML 5 označuje nějakou menší sekci než nadpis úrovně čtvrté. Jeho používání je však řídké. Popis elementu a ukázky jeho použití.
h6 Tag h6 v HTML 5 označuje tu nejmenší možnou sekci. Nepoužívá se ale skoro vůbec. Popis elementu a ukázky jeho použití.
i Tag i v HTML 5 označuje text, který je řečený jiným přízvukem nebo v jiné náladě. Je vykreslován kurzívou. Popis elementu a ukázky jeho použití.
mark Tag mark v HTML 5 se používá při zvýraznění části citace, která je klíčová. Popis elementu a ukázky jeho použití.
Nadpisy Nadpisy slouží v HTML pro lepší orientaci a jsou klíčové pro SEO. Právě z nadpisů si Google bere mnoho informací. Ukážeme si jak a kdy používat tagy h1-h6.
p Tag p se v HTML 5 používá k rozdělování textu do odstavců. Dokument je poté přehlednější a lépe se styluje. Popis elementu a ukázky jeho použití.
strike Tag strike v HTML označoval přeškrtnutý text. Nově se to dělá přes CSS vlastnost. Popis elementu a ukázky jeho použití.
s Tag s v HTML 5 vykresluje obsah přeškrtnutě a označuje text, který již není aktuální nebo korektní. Popis elementu a ukázky jeho použití.
strong Tag strong v HTML 5 označuje silnější zdůraznění než tag em. Text je vykreslen tučně. Popis elementu a ukázky jeho použití.
sub Tag sub se v HTML 5 používá k označení dolního indexu. Využijeme ho např. při psaní vzorců nebo indexaci proměnných. Popis elementu a ukázky jeho použití.
sup Tag sup se v HTML 5 používá k označení horního indexu. Využijeme ho při psaní mocnin nebo poznámek pod čarou. Popis elementu a ukázky jeho použití.
u Tag u v HTML 5 označuje text, který má být vykreslen spolu s podtržením. Popis elementu a ukázky jeho použití.

Layout

article Tag article v HTML 5 označuje samotný článek. Ten může mít svojí hlavičku a i patičku. Popis elementu a ukázky jeho použití.
main hlavní sekce
footer Tag footer v HTML 5 označuje patičku stránky. Obvykle obsahuje copyright a informace o autorovi. Popis elementu a ukázky jeho použití.
header Tag header v HTML 5 označuje hlavičku stránky. Ta zpravidla obsahuje nadpis h1. Popis elementu a ukázky jeho použití.
nav Tag nav v HTML 5 obsahuje navigační prvky. Může být součástí header nebo stát samostatně pod ním. Popis elementu a ukázky jeho použití.
section Tag section v HTML 5 se používá zejména k označení „těla“ dokumentu mezi hlavičkou a patičkou. Popis elementu a ukázky jeho použití.

Tabulky

table Tag table v HTML 5 označuje tabulku a obsahuje jednotlivé řádky s buňkami. Popis elementu a ukázky jeho použití.
tbody Tag tbody v HTML 5 označuje tělo tabulky, které obsahuje její data. Popis elementu a ukázky jeho použití.
td Tag td v HTML 5 označuje buňku tabulky, která může obsahovat text, obrázky a další libovolné elementy. Popis elementu a ukázky jeho použití.
tfoot Tag tfoot v HTML 5 označuje patičku tabulky, ve které je obvykle její celé shrnutí. Popis elementu a ukázky jeho použití.
th Tag th v HTML 5 označuje hlavičkovou buňku tabulky. Ve výchozím nastavení je obsah vykreslen uprostřed a je tučný. Popis elementu a ukázky jeho použití.
thead Tag thead v HTML 5 označuje hlavičku tabulky, kde je obvykle popis jednotlivých sloupců. Popis elementu a ukázky jeho použití.
tr Tag tr v HTML 5 označuje řádek tabulky a obsahuje jednotlivé buňky. Popis elementu a ukázky jeho použití.

Seznamy

datalist Tag autocomplete v HTML 5 označuje seznam možností, které jsou následně nabízeny v inputu pomocí našeptávače. Popis elementu a ukázky jeho použití.
dd Tag dd v HTML 5 označuje popis vysvětlovaného pojmu v slovníčku pojmů. Popis elementu a ukázky jeho použití.
dl Tag dl v HTML 5 označuje slovníček pojmů. Také má své vlastní tagy pro položky. Popis elementu a ukázky jeho použití.
dt Tag dt v HTML 5 označuje ve slovníčku pojmů vysvětlovaný pojem. Popis elementu a ukázky jeho použití.
li Tag li v HTML 5 označuje jednu položku seznamu a nejčastěji obaluje text. Popis elementu a ukázky jeho použití.
ol Tag ol v HTML 5 označuje uspořádaný seznam, který je řazen dle nějakého klíče. Popis elementu a ukázky jeho použití.
Seznamy a slovníček pojmů Popis tagů k tvorbě HTML seznamů a slovníku pojmů – ul, ol, li, dl, dt, dd a příklady jejich použití. Vysvětlíme si atributy reversed, start, type a value.
ul Tag ul v HTML 5 označuje neuspořádaný seznam. Standardně mají jeho položky odrážky. Popis elementu a ukázky jeho použití.

Ostatní tagy

a Tag a v HTML 5 označuje hypertextový odkaz. Pomocí něj se pohybujeme v rámci našeho webu nebo odkazujeme na web cizí. Popis elementu a ukázky jeho použití.
br Tag br se používá k zalomení řádku. Můžeme tak např. zalamovat text v odstavci. Popis elementu a ukázky jeho použití.
div Tag div se v HTML 5 používá k seskupování logicky souvisejících blokových elementů a k jejich stylování. Popis elementu a ukázky jeho použití.
hr Tag hr v HTML 5 označuje oddělovač, který je vykreslen jako horizontální čára. Používá se při změně tématu. Popis elementu a ukázky jeho použití.