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č 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č 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)
Cvičení
Použití jednoduchých CSS selektorů
4 otázky

Další HTML tagy

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č 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)
Cvičení
Používání CSS vlastností textu
4 otázky

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

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.