Co znamená zkratka HTML?

HyperText Markup Language, tedy hypertextový značkovací jazyk.

Je HTML programovací jazyk?

Ne. HTML je značkovací jazyk: popisuje strukturu obsahu, neobsahuje podmínky ani výpočty. Programovací logiku na webu zajišťuje JavaScript a jazyky na serveru.

Jak zobrazím HTML kód stránky?

V prohlížeči na počítači stiskněte Ctrl + U (na Macu Option + Command + U) nebo klikněte pravým tlačítkem a zvolte Zobrazit zdrojový kód stránky.

Musím umět HTML, abych měl web?

Ne. Redakční systémy jako WordPress umožňují spravovat obsah bez psaní kódu. Základy HTML se hodí pro drobné úpravy a lepší porozumění tomu, jak web funguje.

Co je HTML? Význam, základní značky a příklad

Jak HTML vypadá

HTML se skládá ze značek (tagů) v lomených závorkách. Většina je párová: úvodní značka, obsah a ukončovací značka. Značka může mít atributy, které upřesňují její chování. Příklad: <a href="https://wpdistro.cz/">Úvodní stránka</a> je odkaz. Značka a vytváří odkaz, atribut href určuje cíl a text mezi značkami je to, co uživatel uvidí. Každý dokument má hlavičku (head) s informacemi pro prohlížeč a vyhledávače a tělo (body) s viditelným obsahem.

Nejpoužívanější značky

• h1 až h6 — nadpisy podle úrovně. • p — odstavec. • a — odkaz. • img — obrázek, s atributem alt pro popis. • ul, ol, li — seznamy. • table — tabulka. • form, input, button — formuláře. • header, nav, main, article, footer — sémantické části stránky.

HTML, CSS a JavaScript

Tyto tři technologie tvoří základ každého webu. HTML určuje, co na stránce je. CSS určuje, jak to vypadá: barvy, písmo, rozložení. JavaScript přidává chování: reakce na kliknutí, načítání dat, animace. HTML tedy není programovací jazyk, nepočítá ani nerozhoduje.

Stručná historie

HTML navrhl Tim Berners-Lee na počátku 90. let v CERNu spolu s prvním webovým prohlížečem. Verze HTML5 přinesla sémantické značky a přímou podporu videa a zvuku. Dnes se jazyk vyvíjí průběžně jako tzv. živý standard, který spravuje skupina WHATWG.

Proč na HTML záleží pro SEO a přístupnost

Vyhledávače, AI nástroje i čtečky obrazovky čtou stránku přes její HTML. Pomáhá jim: • jeden hlavní nadpis h1 a logická hierarchie dalších nadpisů, • výstižný titulek stránky (title) a popisek (meta description), • alternativní texty u obrázků, • sémantické značky místo obecných bloků, • čistý kód bez zbytečného balastu, který zpomaluje načítání. Ve WordPressu HTML generuje šablona a editor, znalost základů se ale hodí při úpravách obsahu i při kontrole kvality webu.

HTML

Jak HTML vypadá

Nejpoužívanější značky

HTML, CSS a JavaScript

Stručná historie

Proč na HTML záleží pro SEO a přístupnost

Chcete web s čistým kódem, kterému vyhledávače rozumějí?

Související pojmy

Nejčastější otázky o HTML

Potřebujete pomoc s vaším webem?