13/11/2025

Lekcja

Krok 1: Wprowadzenie

Witaj w interaktywnej lekcji! Użyj przycisków "Poprzedni" i "Następny", aby poruszać się po materiałach.

W tej sekcji możesz dodać dowolną treść: tekst, obrazy, linki.

Krok 2: Przykład kodu HTML

Poniżej znajduje się przykładowa struktura HTML. Możesz wklejać tutaj całe fragmenty kodu z innych stron. Aby ułatwić użytkownikom kopiowanie, dodaliśmy przycisk "Kopiuj".

<!DOCTYPE html>
<html lang="pl">
<head>
  <meta charset="UTF-8">
  <title>Przykładowa strona</title>
</head>
<body>
  <h1>Nagłówek strony</h1>
  <p>To jest akapit tekstu.</p>
</body>
</html>

Krok 3: Przykład kodu CSS

A to jest przykład stylów CSS. Zauważ, że kod jest odpowiednio sformatowany i można go przewijać w poziomie, jeśli jest zbyt długi.

body {
  font-family: sans-serif;
  background-color: #f0f0f0;
}

h1 {
  color: #333;
}

Krok 4: Zakończenie

To już koniec lekcji. Dziękujemy za uwagę!

Możesz dodać dowolną liczbę sekcji, po prostu kopiując i wklejając blok <div class="sekcja-lekcji">...</div>.