Część 1: Struktura HTML (30 minut)

Pliki: index.html, menu.html

1.1 Podstawowa struktura HTML

<!DOCTYPE html>
<html lang="pl">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Pizzeria Bella</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <!-- Treść strony -->
</body>
</html>

Co tu jest?
- <!DOCTYPE html> – deklaracja typu dokumentu.
- <html lang="pl"> – główny znacznik strony z językiem.
- <head> – meta-informacje (tytuł, kodowanie, link do CSS).
- <meta name="viewport"> – zapewnia responsywność na urządzeniach mobilnych.

1.2 Semantyczne tagi

<header>: Logo i menu nawigacyjne (użyte w obu plikach).
<section>: Sekcje treści (np. #home, #reviews).
<footer>: Stopka z prawami autorskimi.

Dlaczego?

Semantyczne tagi poprawiają czytelność kodu i SEO.

1.3 Nawigacja między stronami

W index.html:

<nav>
    <ul>
        <li><a href="#home">Strona Główna</a></li>
        <li><a href="menu.html">Menu</a></li>
    </ul>
</nav>

Jak to działa?
- Link menu.html przenosi do osobnej strony.
- #home to anchor, który przewija do sekcji na tej samej stronie.