Rozdíly
Zde můžete vidět rozdíly mezi vybranou verzí a aktuální verzí dané stránky.
Obě strany předchozí revize Předchozí verze Následující verze | Předchozí verze | ||
duncan [2022/07/18 06:19] – admin | duncan [2023/11/15 20:54] (aktuální) – upraveno mimo DokuWiki 127.0.0.1 | ||
---|---|---|---|
Řádek 10: | Řádek 10: | ||
=== Úkol === | === Úkol === | ||
- | * Vytvořte si někde html soubor [[krouzek: | + | * Vytvořte si někde html soubor [[krouzek: |
* Otevřete ten html soubor ve druhém okně ve webovém prohlížeči. | * Otevřete ten html soubor ve druhém okně ve webovém prohlížeči. | ||
* Napište něco do toho souboru mezi '' | * Napište něco do toho souboru mezi '' | ||
* V prohlížeči dejte refresh - obnovte stránku (klávesa f5, ikonka ↻) | * V prohlížeči dejte refresh - obnovte stránku (klávesa f5, ikonka ↻) | ||
* Měli byste vidět svůj napsaný text v prohlížeči. | * Měli byste vidět svůj napsaný text v prohlížeči. | ||
+ | |||
+ | ==== HTML, CSS, Javascript ==== | ||
+ | Jedná se o tři různé technologie: | ||
+ | * HTML tvoří strukturu a významový strom zobrazené stránky | ||
+ | * CSS určuje vzhled (design) zobrazené stránky | ||
+ | * Javascript umožňuje stránku dynamicky měnit, podle vstupu uživatele nebo třeba výsledku komunikace se serverem | ||
+ | |||
+ | Naštěstí je syntaxe těchto technologií na první pohled odlišná. | ||
+ | === HTML === | ||
+ | <code html> | ||
+ | < | ||
+ | <p> | ||
+ | Tohle je <a href=" | ||
+ | </p> | ||
+ | </ | ||
+ | </ | ||
+ | |||
+ | === CSS === | ||
+ | <code css> | ||
+ | body { | ||
+ | | ||
+ | | ||
+ | } | ||
+ | |||
+ | | ||
+ | | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | === Javascript === | ||
+ | <code javascript> | ||
+ | | ||
+ | const promenna = 5 | ||
+ | if (promenna < 10) { | ||
+ | console.log(' | ||
+ | } | ||
+ | </ | ||
+ |