Úvod do spojení HTML, CSS a JS

HTML (HyperText Markup Language) je základní jazyk pro tvorbu webových stránek. Jeho hlavní úlohou je popisovat obsah a jeho strukturu – nikoli vzhled nebo chování. Pomocí HTML určujete, co je nadpis, odstavec, seznam, obrázek nebo odkaz. Prohlížeč pak podle těchto značek (tagů) obsah správně zobrazí.

V této části se naučíte:

• jak vytvořit kostru HTML dokumentu,

• jak používat sémantické tagy (nadpisy, odstavce, seznamy),

• jak správně pracovat s atributy (např. id, class, src, alt),

• jak psát kód čitelně a validně.

CSS (Cascading Style Sheets) slouží k tomu, aby webová stránka nebyla jen prostý text, ale měla i vzhled a uspořádání. Odděluje obsah (HTML) od prezentace (styly). To je důležité – díky tomu můžete měnit barvy, písma a rozložení, aniž byste zasahovali do samotného obsahu.

V této části se naučíte:

• různé způsoby připojení CSS (inline, interní, externí),

• základní syntaxi pravidel a práci se selektory,

• principy kaskádování a specifikace,

• používání základních vlastností (barvy, písmo, odsazení, rámečky),

• jak psát udržitelný a přehledný kód pomocí seskupování a zkrácených zápisů.

JavaScript je programovací jazyk, který umožňuje dělat webové stránky interaktivní a dynamické. Zatímco HTML určuje obsah a CSS vzhled, JavaScript přidává logiku a chování.

Na začátku je důležité pochopit, jak JavaScript propojit s HTML stránkou:

• pomocí značky <script> můžete kód vložit přímo do stránky (v hlavičce <head> nebo v těle <body>),

• častější praxí je ale psát kód do externího souboru (např. script.js) a ten připojit přes atribut src.

Velký význam má i pořadí načítání:

• pokud spustíte kód dříve, než je stránka načtená, může chybět obsah, se kterým pracujete,

• proto se často <script> dává až na konec <body>, aby HTML bylo načteno před spuštěním kódu.

V této části se naučíte:

• jak správně připojit JavaScript k HTML,

• jak používat externí soubory a proč je to výhodné,

• jak využívat JavaScript konzoli pro kontrolu a ladění kódu,

• základy správného psaní a formátování kódu (odsazování, středníky, konzistence).

Tyto základy jsou nezbytné, abyste v dalších úlohách mohli psát JavaScript, který bude spolehlivý a čitelný.