HTML, což je zkratka pro HyperText Markup Language, je základním kamenem webu. Umožňuje tvorbu a strukturování obsahu na internetových stránkách pomocí značek (tagů). Každý dokument HTML se skládá z řady těchto značek, které definují různé prvky, jako jsou odstavce, nadpisy, odkazy a obrázky.
Struktura HTML dokumentu
Každý HTML dokument má základní strukturu, která obsahuje několik klíčových prvků:
<!DOCTYPE html>: Tento prohlášení definuje typ dokumentu a jeho verzi, a informuje prohlížeč, že se jedná o HTML5 dokument.
<html>: Kořenový element, který obaluje celý HTML dokument.
<head>: Sekce obsahující metainformace, jako jsou titulek stránky a odkazy na styly či skripty.
<title>: Definuje titulek stránky, který se zobrazuje v záložce prohlížeče.
<body>: Hlavní část dokumentu, obsahuje veškerý viditelný obsah, jako jsou texty, obrázky, odkazy atd.
Základní HTML značky
<h1> až <h6>: Značky pro nadpisy, kde <h1> je nejvýznamnější nadpis a <h6> je nejméně významnější.
<p>: Značka pro odstavec, slouží k uspořádání textu do logických bloků.
<a href="/URL">: Anchor (kotva), slouží k vytvoření hypertextového odkazu na jinou webovou stránku nebo zdroj.
<img src="/URL" alt="popis">: Vkládá obrázek na stránku. Atribut src specifikuje cestu k obrázku, zatímco alt poskytuje textový popis obrázku.
<ul>, <ol>, <li>: Tyto značky slouží k vytváření nečíslovaných (<ul>) nebo číslovaných (<ol>) seznamů, kde každá položka seznamu je definována pomocí <li>.
Formuláře a vstupní prvky
Formuláře jsou klíčové pro interakci uživatele s webem a shromažďování dat. Základním prvkem formuláře je značka <form>, která může obsahovat různé typy vstupů, jako jsou:
<input>: Univerzální prvek pro vstupy, může být použit pro text, heslo, datum, email atd.
<textarea>: Slouží pro větší textový vstup, například komentáře nebo popisky.
<button>: Tlačítko, které může sloužit k odesílání formuláře nebo jako obecný prvek pro klikání.
HTML je základním jazykem pro vytváření webových stránek. Jeho pochopení je prvním krokem na cestě k vývoji webových aplikací. S těmito základními informacemi a praxí může každý začátečník začít experimentovat a učit se více pokročilým technikám. HTML je sice statické, ale v kombinaci s CSS a JavaScriptem může být použito k vytvoření dynamických a vizuálně atraktivních webových stránek.