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 pre | Tag p se v HTML 5 používá k rozdělování textu do odstavců, které ignorují bílé znaky. Tag p se v HTML 5 používá k rozdělování textu do odstavců, které neignorují bílé znaky. |
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 navigaci. 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 = obsahu stránky“ 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ý číslovaný 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ý nečíslovaný 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í. atribut href – cesta k souboru nebo URL |
br | Tag br se používá k zalomení neboli ukončení řá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 img | 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í. obrázek atribut src – cesta k souboru s obrázkem atribut alt – alternativní text k obrázku |