Malý repozitář pro WTL 3.I 2025/2026
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

1.3 KiB

01 - Úvod do HTML

🎯 Co se naučíte

V této lekci se seznámíte se základy HTML a strukturou webové stránky.

📚 Témata lekce

  • Základní struktura HTML dokumentu (<!DOCTYPE html>, <html>, <head>, <body>)
  • Nadpisy (<h1><h6>)
  • Odstavce (<p>)
  • Odkazy (<a href="">)
  • Obrázky (<img src="" alt="">)
  • Komentáře v HTML (<!-- komentář -->)
  • Zalomení řádku (<br>)

📂 Soubory v projektu

  • index.html - hlavní HTML soubor s ukázkami základních HTML tagů
  • about.html - další stránka pro demonstraci odkazů
  • profily/ - složka s příklady vnořené struktury souborů

🚀 Jak s lekcí pracovat

  1. Otevřete index.html v prohlížeči (dvojklik nebo přes Live Server)
  2. Prohlédněte si HTML kód v editoru
  3. Zkuste upravit texty, přidat nové nadpisy nebo odstavce
  4. Vyzkoušejte vytvořit vlastní odkazy na nové stránky

💡 Tip pro studenty

  • Používejte komentáře (<!-- -->) pro poznámky v kódu
  • Zkratka pro zakomentování: CTRL+K CTRL+C (odkomentování: CTRL+K CTRL+U)
  • Každý tag, který otevřete, musíte i zavřít (např. <p>...</p>)
  • Atribut alt u obrázků je povinný (popisuje obrázek)

🔗 Související lekce

  • Další: 02 - pokračování v HTML
  • Související: 03_css_uvod - stylování HTML elementů