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>.