HTML 101
 Tato 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í.
HTML
[editovat]
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). Neříká ale počítači, co s daty dělat, což 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, zatímco ty programovací ano.
Odhaduje se, že HTML používá přes 96% všech existujících webů. Druhým nejpoužívanějším jazykem je XHTML (eXtensible HTML), které je využíváno zhruba 4% webů.[1] Jazyk se v současné době používá na obsah a základní rozložení stránky. V minulosti se používal i na vzhled, ale tuto roli převzalo CSS (Cascading Style Sheets).
Nejnovější verzí HTML je HTML5.
Editor kódu
[editovat]
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.
Lekce
[editovat]- HTML koncepty
- Základní elementy
- Formátování textu
- Blokové a řádkové elementy
- Entity
- Umístění souborů
- Odkazy
- Obrázky
- Seznamy
- Tabulky
Reference
[editovat]- ↑ Usage Statistics and Market Share of Markup Languages for Websites, November 2024. w3techs.com [online]. [cit. 2024-11-04]. Dostupné online.