If you're seeing this message, it means we're having trouble loading external resources on our website.

Pokud používáš webový filtr, ujisti se, že domény: *.kastatic.org and *.kasandbox.org jsou vyloučeny z filtrování.

Hlavní obsah

Kapitola: Úvod do HTML/CSS: Tvorba webových stránek

Úvod do HTML

Naučíme se, co je to HTML a jak pomocí něj vytvořit webovou stránku s formátovaným textem a obrázky.
Nauč se
Vítej na webu!
(otevře okno)
Základy HTML
(otevře okno)
Rychlý tip: HTML tagy
(otevře okno)
Výzva: Napiš báseň
(otevře okno)
HTML: Zvýraznění textu
(otevře okno)
Výzva: Nauč se textové tagy
(otevře okno)
HTML: Seznamy
(otevře okno)
Výzva: Tvůj seznam učení
(otevře okno)
HTML: Obrázky
(otevře okno)
Výzva: Výlet jako z obrázku
(otevře okno)

Úvod do CSS

Naučíme se psát jednoduchá CSS pravidla a stylovat dle elementu, třídy nebo ID. Vzhůru za barvičkami!
Nauč se
Základy CSS
(otevře okno)
Rychlý tip: Stylování pomocí názvu tagu
(otevře okno)
Výzva: Barevné stvoření
(otevře okno)
CSS: Stylování pomocí id
(otevře okno)
Výzva: Období identifikátorů
(otevře okno)
CSS: Stylování pomocí třídy
(otevře okno)
Výzva: Třídy jablek a banánů
(otevře okno)
Projekt: Cestovatelská stránka
(otevře okno)
Procvičuj
Použití jednoduchých CSS selektorů
4 otázky

Další HTML tagy

Naučíme se vytvářet odkazy, tabulky a komentáře v HTML.
Nauč se
HTML odkazy
(otevře okno)
Výzva: Tvé oblíbené odkazy
(otevře okno)
Vnitřní HTML odkazy
(otevře okno)
Výzva: Skáčeme dokola
(otevře okno)
HTML tabulky
(otevře okno)
Výzva: Jídelní stůl
(otevře okno)
HTML komentáře
(otevře okno)
Projekt: Kuchařka
(otevře okno)

Formátování textu pomocí CSS

Naučíme se formátovat text pomocí rodin fontů, velikosti, rozestupů textu nebo jeho zarovnáním.
Nauč se
CSS vlastnost: Rodiny fontů
(otevře okno)
Výzva: Hezké rodiny fontů
(otevře okno)
CSS vlastnost: Velikost textu
(otevře okno)
Výzva: Skvělé velké fonty
(otevře okno)
CSS styly fontů a zkracování CSS
(otevře okno)
Výzva: Populární formáty fontů
(otevře okno)
Další formátování textu pomocí CSS
(otevře okno)
CSS dědičnost
(otevře okno)
Projekt: Blog
(otevře okno)
Procvičuj
Používání CSS vlastností textu
4 otázky

Nástroje webového vývojáře

Naučíme se využívat různé editory pro tvorbu webových stránek a používat nástroje zabudované do prohlížečů k ladění stránek.
Nauč se
Použití nástrojů pro vývojáře v prohlížeči
(otevře okno)
Vytváření webových stránek mimo Khan Academy
(otevře okno)
Provozování webových stránek na serveru
(otevře okno)
Provozování webových stránek na Github
(otevře okno)

O této kapitole

Nauč se tvořit webové stránky pomocí HTML a CSS! HTML je jazyk, který obaluje obsah webové stránky tak, aby prohlížeč věděl jak ji zobrazit. Naučíme se příkazy pro nadpisy, seznamy, tabulky a mnoho dalších. Pomocí CSS budou naše stránky stylové: budeme přidávat barvičky, nastavovat písma a rozmísťovat prvky na stránce.