Úvod do HTML
HTML je základním stavebním kamenem webových stránek. Jeho účelem je definovat význam jednotlivých prvků a jejich správné uspořádání. Pro tvůrce webových stránek je znalost HTML nezbytná, neboť umožňuje správnou strukturu a organizaci obsahu, což vede ke kvalitnímu uživatelskému zážitku. Správná struktura webové stránky usnadňuje také indexaci vyhledávačům a zlepšuje přístupnost pro uživatele se zvláštními potřebami.
Dále si přiblížíme historii HTML, která sahá až do roku 1989, kdy Tim Berners-Lee vytvořil první verzi HTML jako součást projektu World Wide Web na CERNu. Od té doby prošlo HTML mnoha vývojovými fázemi, přičemž nejaktuálnější verzí je HTML5, která přináší nové funkce a možnosti pro tvorbu moderních webových stránek.
Základní syntaxe HTML
Syntaxe HTML je soubor pravidel, které určují správný způsob zápisu a strukturování HTML kódu. Každý dokument se skládá ze dvou základních částí: záhlaví (head) a těla (body). Záhlaví obsahuje meta informace o stránce, jako je například titulek stránky, odkazy na styly nebo skripty. Tělo dokumentu pak obsahuje samotný viditelný obsah stránky.
Dalším klíčovým prvkem HTML syntaxe jsou značky, které slouží jako stavební bloky pro strukturování obsahu. Značky se píší v úhlových závorkách a mohou být otevírací (<tag>) nebo uzavírací (</tag>). Otevírací značka určuje začátek elementu, zatímco uzavírací značka jeho konec. Mezi otevírací a uzavírací značkou se nachází samotný obsah elementu.
Značky v HTML
Každá značka má svůj význam a určuje, jakým způsobem se má obsah zobrazit na webové stránce. Existuje velké množství různých značek v HTML, ale některé jsou častěji používané než jiné.
Například, značka <div> se často používá pro vytvoření bloku obsahu, který může být následně stylován pomocí CSS. Značka <p> se využívá pro vytvoření odstavce textu, zatímco značka <h1> až <h6> slouží k označení nadpisů různé úrovně důležitosti. Dalšími často používanými značkami jsou <a> pro odkazy, <img> pro obrázky, <ul> a <ol> pro seznamy, a mnoho dalších.
Hierarchie značek v HTML je důležitá, protože určuje vztahy mezi nimi. Některé značky jsou rodičovské, zatímco jiné jsou potomkovské. To znamená, že určité značky mohou být vnořeny uvnitř jiných značek a tím vytvářet hierarchickou strukturu.
Atributy v HTML
Atributy jsou dalším důležitým konceptem. Poskytují dodatečné informace o značkách a umožňují upravovat jejich vzhled nebo chování. Atributy se definují uvnitř otevírací značky a mají název a hodnotu. Nejčastěji používané atributy zahrnují class, id, src, href a další.
Atribut class slouží k identifikaci jednotlivých prvků a umožňuje jejich skupinové stylování pomocí CSS. Atribut id slouží k unikátnímu identifikování konkrétního prvku, což je užitečné například pro odkazy v rámci stránky. Atribut src se používá u značky <img> pro určení zdroje obrázku, zatímco atribut href se využívá u značky <a> pro odkazování na jiné webové stránky nebo dokumenty.
Struktura dokumentu HTML
Správná struktura dokumentu HTML je klíčová pro kvalitní organizaci webových stránek. Každý HTML dokument by měl obsahovat záhlaví (head) a tělo (body).
V záhlaví se nachází meta informace o stránce, jako je titulek stránky, který se zobrazuje v záložkách prohlížeče. Dále se zde umisťují odkazy na externí styly (CSS) pro úpravu vzhledu stránky, odkazy na skripty (JavaScript) pro interaktivitu a další meta informace.
Tělo dokumentu (body) obsahuje veškerý viditelný obsah stránky. Sem patří textové elementy, obrázky, odkazy, tabulky, formuláře a další prvky. Správná organizace obsahu se dosahuje pomocí hierarchického uspořádání prvků. Hlavní nadpisy se označují značkami <h1> až <h6>, přičemž <h1> má největší důležitost. Podnadpisy se často používají pro strukturování obsahu a zvýraznění klíčových informací.
Kromě nadpisů se v těle dokumentu nacházejí i další značky pro formátování textu, jako je tučné písmo (<strong>), kurzíva (<em>), seznamy (<ul> a <ol>), odstavce (<p>) a mnoho dalších. Důležité je také správné psaní značek, aby byla zachována hierarchie a struktura dokumentu.
