Struktura strony internetowej

Praktyczne ćwiczenie do wykonania

Kurs HTML Struktura strony internetowej

Struktura prostej strony internetowej

Cel: Zbudowanie prostej strony HTML z podstawową strukturą.

Instrukcja:

  1. Utwórz plik struktura.html.

  2. W pliku napisz szkielet strony HTML5:

    • <!DOCTYPE html> – początek dokumentu,
    • <html lang="pl"> – znacznik główny (ustawia język na polski),
    • <head> – sekcja nagłówka (może zawierać np. <meta charset="UTF-8"> i <title>),
    • <body> – część widoczna dla użytkownika.

  3. Wewnątrz <body> dodaj:

  4. Nagłówek strony → użyj tagu <header>

      • wpisz tytuł strony w nagłówku <h1>.

  5. Menu nawigacyjne → użyj tagu <nav>

      • stwórz kilka linków (<a> → link).

  6. Główna treść strony → użyj tagu <main>

      • dodaj nagłówek <h2> i akapit <p> z opisem.

  7. Panel boczny → użyj tagu <aside>

      • wpisz dodatkowe informacje lub linki.

  8. Stopka → użyj tagu <footer>

      • wpisz prawa autorskie w akapicie <p>.
Wróć do lekcji Rozwiąż quiz