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.