Základy HTML, CSS a JS

Osnova

Struktura webové stránky

<!doctype html>  
<html lang="cs">  
<head>  
   <meta charset="UTF-8">  
   <meta name="viewport"  
         content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">  
   <meta http-equiv="X-UA-Compatible" content="ie=edge">  
   <title>Nadpis stránky</title>  
</head>  
<body>  
<strong>Ahoj!</strong>  
</body>  
</html>

<link rel="stylesheet" href="style.css">

——————————————————————
| Nadpis stránky   x |  
————————————————————————————————

Ahoj!

————————————————okno prohlížeče

Základní HTML elementy

Základní CSS parametry

selektor {  
    atribut: hodnota;  
    atribut: hodnota;  
}

/* šedá barva pozadí pro obrazovky užší než 400px */
@media screen and (max-width: 400px) {  
    body {  
        background-color: lightgrey;  
    }  
}

Základy JS

Syntaxe

Příklad:
function pozdrav(jmeno) {
return “Ahoj, “ + jmeno + “!”;
}

DOM Queries (Dotazování na dokument)

Události (Events)

Příklad - Stisknutí tlačítka:

const tlacitko = document.querySelector(‘#mojeTlacitko’);

// 2. Připoj k němu obsluhu pro událost ‘click’
tlacitko.addEventListener(‘click’, function() {
// Kód, který se spustí po kliknutí
alert(‘Tlačítko bylo stisknuto!’);
});

Zdroje