Košík je prázdný

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><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.