Jak používat klasifikační nálepkuTato stránka je součástí kurzu:
začátečníci
Příslušnost: MasterStudioCZ

Tento kurz vás provede absolutními základy HTML, od základní struktury stránky po tabulky. Na této úvodní stránce (a vlastně i lekci) si předmět kurzu. Na jejím konci naleznete seznam všech lekcí.

 
Logo HTML5

HTML (zkratka pro HyperText Markup Language) je značkovací jazyk využívaný pro vývoj webových stránek. Co je ale vlastně značkovací jazyk? Značkovací jazyky jsou jazyky, které říkají počítači, jak data strukturovat a prezentovat (v případě HTML jsou daty webové stránky nebo jiné dokumenty). Neříkají ale počítači, co s daty dělat. To je jeden z rozdílů mezi značkovacími a programovacími jazyky - programovací jazyky dávají počítači také instrukce, jak data zpracovat. Dalším rozdílem je, že značkovací jazyky nemůžou provádět logické operace (takže jsou tzv. turingovsky nekompletní), zatímco ty programovací ano (takže jsou turingovsky kompletní).

Odhaduje se, že HTML používá až 96% všech existujících webů.[1] Druhým nejpoužívanějším jazykem je XHTML (EXtensible HyperText Markup Language), které je využíváno zhruba 5-6% webů. Jde o striktnější a rozšiřitelnou verzi HTML.

Jazyk se v současné době používá hlavně na obsah. V minulosti se používal i na vzhled a na rozložení stránek, ale tuto roli převzalo CSS (Cascading Style Sheets), které je mnohem flexibilnější a přehlednější.

Editor kódu

editovat
 
HTML kód v aplikaci Poznámkový blok (Windows)

Předtím, než se pustíme na vytváření webů, je potřeba mít software, se kterým lze HTML soubory upravovat. S tím si ale nemusíte dělat starosti - Ize použít téměř jakýkoliv textový editor, včetně těch předinstalovaných na operačních systémech (např. Poznámkový blok u Windows, TextEdit u macOS, Gedit u Ubuntu...).

Takové editory ale obvykle nemají užitečné funkce jako zvýraznění syntaxe, takže se hodí zvážit něco více pokročilého. Přestože v některých jiných kurzech uslyšíte, že se HTML naučíte v základních editorech textu nejlépe, osobně s tím nesouhlasím. A stejně, alespoň se naučíte pracovat se svými budoucími nástroji.

V současné době je nejpopulárnějším integrovaným vývojářským prostředím (což jsou editory s extra funkcemi; zkratka IDE) Visual Studio Code.

  1. HTML koncepty
  2. Základní elementy
  3. Formátování textu
  4. Blokové a řádkové elementy
  5. Entity
  6. Umístění souborů
  7. Odkazy
  8. Obrázky
  9. Seznamy
  10. Tabulky

Reference

editovat
  1. Usage Statistics and Market Share of Markup Languages for Websites, November 2024. w3techs.com [online]. [cit. 2024-11-04]. Dostupné online.