Szkielet strony ze znacznikami semantycznymi

Struktura dokumentu HTML zgodna ze standardami - Informatyka - liceum klasa 2 (HTML/CSS/JS)

Dokument zgodny ze standardem HTML5 zaczyna się od `<!DOCTYPE html>`, ma język (`<html lang="pl">`), kodowanie (`<meta charset="utf-8">`) i tytuł karty (`<title>`). Treść dzieli się **znacznikami semantycznymi**, które mówią, czym jest dany fragment, a nie jak wygląda: - `<header>` - nagłówek strony (logo, tytuł), `<nav>` - menu, - `<main>` - główna treść (jedna na stronie), `<article>` - samodzielny tekst, `<section>` - rozdział z własnym nagłówkiem, - `<footer>` - stopka (autor, kontakt). Nagłówki tworzą **hierarchię**: jeden `<h1>` na stronie, pod nim `<h2>`, w nich `<h3>`. Czytniki ekranu i wyszukiwarki korzystają z tej struktury.

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="utf-8">
  <title>Koło informatyczne</title>
</head>
<body>
  <header>
    <h1>Koło informatyczne</h1>
  </header>
  <nav>
    <a href="#plan">Plan</a> | <a href="#kontakt">Kontakt</a>
  </nav>
  <main>
    <section id="plan">
      <h2>Plan spotkań</h2>
      <p>Spotykamy się w czwartki o 14:30 w sali 12.</p>
    </section>
    <section id="kontakt">
      <h2>Kontakt</h2>
      <p>Zapisy u opiekuna koła.</p>
    </section>
  </main>
  <footer>
    <p>Koło informatyczne, rok szkolny 2026/27</p>
  </footer>
</body>
</html>

Ładowanie interaktywnego edytora... Jeśli się nie pojawi, włącz JavaScript.

Wszystkie lekcje kursu Informatyka - liceum klasa 2·Zaloguj się, aby zapisać postęp na koncie.