Všechny HTML tagy s vysvětlením, příklady, atributy a tipem kdy co použít. Pro začátečníky i pokročilé.
DOCTYPE, html, head, title, meta, link, style — tagy v <head>, SEO, OG tagy, favicon, preload.
body, div, span — základní stavební kameny. Kdy div a kdy sémantický tag. Jak se vyhnout "div polévce".
header, main, footer, nav, section, article, aside, address — struktura s významem pro SEO a přístupnost.
h1–h6, p, br, hr, pre, blockquote, q — základní textové elementy. Hierarchie nadpisů a SEO.
strong, em, code, mark, del, ins, abbr, time, sub, sup, b, i — sémantické formátování textu.
a, img, picture, figure, video, audio, iframe — hyperlinkový element, obrázky a vložené médium.
form, input (všechny typy!), label, select, textarea, button, fieldset — průvodce formuláři.
table, thead, tbody, tfoot, tr, th, td, caption — tabulky pro data, přístupnost. NIKDY pro layout!
script, dialog, details, summary, template + globální atributy: data-*, aria-*, tabindex.
BLOCK — začíná na novém řádku, plná šířka rodiče: div, p, h1-h6, ul, table, section...
INLINE — teče s textem, ignoruje width/height: span, a, em, strong, code...
VOID — nemá zavírací tag ani obsah: <img> <input> <br> <hr> <meta> <link>
DEPRECATED — nepoužívat, zastaralé: <center> <font> <marquee> <blink>
id — unikátní identifikátor, CSS #idclass — CSS třídy oddělené mezeroustyle — inline CSS (raději nepoužívat)title — tooltip při najetí myšílang — jazyk obsahu elementu (cs, en...)dir — směr textu: ltr / rtlhidden — skryje element (display:none)tabindex — pořadí klávesnicového focusudata-* — vlastní datové atributy pro JSaria-label — popis pro screen readeryaria-hidden — skryje před screen readerycontenteditable — uživatel může editovatdraggable — přetažitelný prvekspellcheck — kontrola pravopisutranslate — yes/no pro překladačrole — ARIA role pro přístupnost