5
Pokud se ptáte, co je HTML, máme pro vás odpověď. Tento pojem se často vyskytuje v souvislosti s tvorbou webových stránek.
Co je HTML: značkovací jazyk pro strukturu vaší webové stránky
Termín „HTML“ je zkratkou pro „Hypertext Markup Language“, v češtině „hypertextový značkovací jazyk“. Jedná se o formát, ve kterém jsou psány webové stránky.
- V HTML souboru autor webové stránky píše text webové stránky. Pomocí HTML souboru lze strukturovat a formátovat text (např. velikost a typ písma). Kromě toho můžete pomocí HTML vkládat odkazy na jiné webové stránky nebo doplňovat text obrázky, videi nebo zvukovým pozadím.
- Prohlížeče jako Chrome, Firefox, Safari nebo Internet Explorer přečtou soubor HTML během zlomku sekundy a poté jej graficky zobrazí.
- Soubory HTML se obvykle již nepíší ručně. Provozovatelé webových stránek mají tuto práci usnadněnou díky grafickému rozhraní – například prostřednictvím systémů pro správu obsahu, jako jsou WordPress nebo Typo3.
- Tip: Klikněte pravým tlačítkem myši na volné místo na této webové stránce a vyberte možnost „Uložit jako“ nebo „Uložit stránku jako“. Poté můžete stáhnout HTML soubor této webové stránky a podívat se na prázdný kód v editoru. Vedle jednotlivých slov najdete také příkazy pro odkazy nebo obrázky.
Spolupráce s CSS a JavaScriptem
Dříve byly webové stránky programovány výhradně v HTML. Vzhledem k rostoucí dynamice mnoha internetových stránek se pro moderní webdesign etablovalo také CSS, které se liší od HTML.
- HTML proto slouží pouze ke strukturování webové stránky. Například určíte, zda se text má zobrazit jako nadpis nebo běžný text.
- V propojeném souboru CSS pak definujete, jaký formát má mít takový textový úsek. CSS (Cascading Style Sheets) se stará o design: barvy, mezery, rozvržení nebo fonty.
- JavaScript vnáší do hry interaktivitu: animace, zadávání formulářů nebo dynamický obsah.
- Společně tvoří HTML, CSS a JavaScript „magický trojúhelník“ moderního webového designu. HTML je přitom vždy základem, na kterém je postaveno vše ostatní.
Struktura HTML dokumentu, tagy a atributy
HTML dokument má jasnou strukturu. Skládá se ze dvou hlavních částí: hlavičky (
) a těla ( ().- V hlavičce jsou uvedeny informace, které nejsou přímo viditelné na webové stránce, například název, metadata nebo odkaz na externí soubory CSS a JavaScript.
- V oblasti těla se nachází vlastní obsah: texty, obrázky, nadpisy, seznamy nebo odkazy.
- HTML pracuje s takzvanými tagy (nazývanými také „prvky“). Tagy se zapisují do špičatých závorek, například
pro odstavec nebo pro odkaz. Většinou se vyskytují jako počáteční a koncový tag , které obklopují příslušný obsah.
- Kromě toho mohou tagy obsahovat atributy, které poskytují další informace. Atribut href například u odkazu udává, kam odkaz vede.
