HTML je HyperText Markup Language. Zní to jako něco z vědeckofantastického filmu, že? Ale je to jednodušší, než si myslíme!
Představme si webovou stránku jako dům, který si chceme postavit. Potřebujeme tři hlavní věci:
HTML je jako kostra domu. Bez kostry by to nebyl dům, ale jen hromada cihel a dřeva. HTML tvoří základ stránky – říká, kde bude nadpis, kde odstavec, kde obrázek, kde tlačítko. Dává stránce smysl a řád.
<!-- HTML kód -->
<h1>Můj Dům</h1>
<p>Tohle je obývák.</p>
Když už máme kostru (HTML), chceme, aby dům vypadal hezky, že? K tomu slouží CSS. CSS je jako barvy, tapety, nábytek a závěsy v domě. Říká HTML prvkům, jak mají vypadat – jakou mají mít barvu, jak velké mají být, kde se mají na stránce objevit.
/* CSS kód */
h1 {
color: blue; /* Nadpis bude modrý */
}
p {
font-size: 18px; /* Odstavec bude mít větší písmo */
}
A co když chceme, aby se v domě něco hýbalo nebo rozsvicovalo? K tomu je JavaScript! JavaScript je jako elektřina, vodovod a chytré spotřebiče v domě. Díky němu se stránka může hýbat, měnit se, reagovat na klikání myši nebo zadávání textu do formulářů.
// JavaScript kód
document.getElementById("mojeTlacitko").onclick = function() {
alert("Dobrý den! Klikli jsme na tlačítko!");
};
V tomto kurzu se zaměříme na HTML, protože to je základ. Jakmile ho pochopíme, budeme mít skvělé základy pro učení CSS a JavaScriptu!