🎓 2 / 9🌐 2. TŘÍDA · PRVNÍ STRÁNKA

Postav svou první webovou stránku.

HTML určuje, co na stránce je. Poskládáš nadpis, text a tlačítko, uvidíš živý výsledek a odneseš si vlastní první web.

🎯 Na konci: Mám vlastní web.

1. HTML je kostra stránky

Každá značka říká prohlížeči, co má zobrazit.

🧑‍🎓 ŽákChci stránku o našem třídním výletu. Co potřebuji jako první?
🤖 AIZačni třemi prvky: nadpisem <h1>, odstavcem <p> a tlačítkem <button>. Nejdřív vytvoříme obsah, vzhled přijde až potom.
🧑‍🎓 Žák · lepší zadáníVytvoř jednoduché HTML s nadpisem Výlet 9.B, krátkým textem a tlačítkem Chci jet. Každý řádek mi stručně vysvětli.
🤖 AIDobře. Připravím nejmenší funkční stránku a oddělím kód od vysvětlení, aby sis ji mohl/a hned vyzkoušet.

2. Tři základní stavebnice

Obsah uzavíráme mezi počáteční a koncovou značku.

🏷️

<h1> Nadpis

Nejdůležitější název celé stránky.

📝

<p> Odstavec

Běžný vysvětlující text.

🔘

<button> Tlačítko

Místo, na které může člověk kliknout.

🧱

Pořadí prvků

HTML se čte shora dolů.

3. Stavitel první stránky

Napiš vlastní obsah. Vpravo se okamžitě ukáže stránka i její HTML.

👀 Živý náhled

🏁 Výstupní úkol 2. třídy

Postav stránku se svým nadpisem, odstavcem a tlačítkem. Zkopíruj HTML a požádej AI, aby ti vysvětlila každou použitou značku.