Menu
Coddy logo textTech
ZACZNIJ NAUKĘ
flag Pl iconPolskidown icon
PopularneŚcieżka

Kurs HTML

Darmowy, interaktywny kurs HTML online. W każdej lekcji piszesz HTML, z podglądem na żywo podczas pisania, a po ukończeniu dostajesz darmowy certyfikat.

ZACZNIJ NAUKĘ(za darmo)
Zobacz programHTML online

325,794+ zapisanych osób

241 lekcje212 wyzwania1,193 pytania quizowe

  • Dla początkujących
  • sparkles iconPomoc AI przy programowaniu
  • hint iconPraktyczne, interaktywne lekcje
  • volume On iconNarracja audio w każdej lekcji
  • quiz iconQuizy sprawdzające wiedzę
  • certificate iconDarmowy certyfikat ukończenia

Program

5 sekcje6 projekty241 lekcje212 wyzwania1,193 pytania quizowe
  1. Sekcja 1

    Podstawy

    Zacznij sekcjęZacznijRozwińZwiń    Poznaj podstawową strukturę i składnię, aby tworzyć strony internetowe od podstaw60 lekcje75 wyzwania251 pytania3 projekty

    Podstawy HTML

    5 lekcje530

    Tekst i formatowanie

    6 lekcje1135

    Praca z listami

    4 lekcje721

    Karta przepisu

    Projekt4 lekcje1

    Dodawanie treści

    5 lekcje837

    Układ strony

    5 lekcje930

    Strona profilu osobistego

    Projekt5 lekcje1

    Formularze i pola wejściowe, część 1

    6 lekcje936

    Formularze i pola wejściowe, część 2

    7 lekcje1239

    Tabele

    4 lekcje723

    Strona rejestracji na wydarzenie

    Projekt5 lekcje1

    Końcowe wyzwania

    4 lekcje4
  2. Sekcja 2

    Stylizacja za pomocą CSSOsobna strona

    Zacznij sekcjęZacznijRozwińZwiń    Ożyw swoje strony internetowe, dodając kolory, układy i style76 lekcje100 wyzwania418 pytania3 projekty

    Wprowadzenie

    5 lekcje540

    Dodawanie CSS

    4 lekcje725

    Podstawowe selektory

    7 lekcje1247

    Podstawy tekstu

    8 lekcje1450

    Kolory i tła

    5 lekcje834

    Kawiarniane menu

    Projekt3 lekcje1

    Model pudełkowy, część 1

    6 lekcje943

    Model pudełkowy, część 2

    5 lekcje833

    Flexbox

    6 lekcje943

    Formularz logowania

    Projekt4 lekcje1

    Techniki układu

    7 lekcje1151

    Podstawy responsywnego projektowania

    6 lekcje1052

    Strona internetowa Tonga

    Projekt6 lekcje1

    Wyzwania końcowe

    4 lekcje4
  3. Sekcja 3

    Mistrzowskie opanowanie CSSOsobna strona

    Zacznij sekcjęZacznijRozwińZwiń    Rozwiń swoje umiejętności CSS na wyższy poziom!43 lekcje40 wyzwania164 pytania

    Opanowanie selektorów – łączenie

    6 lekcje539

    Interaktywne pseudoklasy

    5 lekcje431

    Strukturalne pseudoklasy

    5 lekcje432

    Projekt menu rozwijanego

    4 lekcje4

    Efekty wizualne

    5 lekcje536

    Strona docelowa

    5 lekcje5

    Twórz za pomocą CSS Grid

    4 lekcje426

    Strona internetowa Flavor Fiesta

    4 lekcje4

    Wyzwania końcowe

    5 lekcje5
  4. Sekcja 4

    Praktyczny frontend

    Zacznij sekcjęZacznijRozwińZwiń    Połącz strukturę i styl, aby projektować kompletne, responsywne strony internetowe35 lekcje34 wyzwania197 pytania

    Zmienne

    5 lekcje432

    Strategia mobile-first

    6 lekcje643

    Motywy i style wizualne

    5 lekcje535

    Sporty ekstremalne

    3 lekcje3

    Komponenty interfejsu użytkownika

    6 lekcje642

    Responsywne układy

    6 lekcje645

    Wyzwania końcowe

    4 lekcje4
  5. Sekcja 5

    JavaScript w praktyce

    Zacznij sekcjęZacznijRozwińZwiń    Poznaj zastosowanie JavaScript wraz z HTML i CSS27 lekcje27 wyzwania163 pytania

    Interaktywność/komponenty UI

    4 lekcje433

    Formularze i walidacja

    3 lekcje324

    Powiadomienia i informacje zwrotne

    3 lekcje327

    Formularz z powiadomieniem Toast

    2 lekcje2

    Nawigacja

    3 lekcje329

    Motywy i personalizacja

    2 lekcje217

    Animacje i efekty

    3 lekcje327

    Animowana nawigacja

    3 lekcje36

    Końcowe wyzwania

    4 lekcje4

Kursy HTML

Praktyczne kursy HTML, które zaczniesz za darmo w przeglądarce.

Odtwarzacz wideo YouTube — projekt HTML

Popularny

W tym projekcie utworzysz odtwarzacz wideo YouTube w HTML i poznasz przy okazji różne atrybuty.

  • 7
  • 1

Klon strony Instagram | Projekt front-end

Popularny

W tym kursie przećwiczysz standardowe i proste techniki HTML i CSS oraz stworzysz projekt klonu strony Instagram.

  • 16
  • 5

Wyzwania HTML/CSS — Pakiet I

Ten kurs w przyjemny i skuteczny sposób sprawdzi Twoją znajomość HTML i CSS!

  • 11

Animacja zaćmienia Słońca | Projekt HTML/CSS

W tym kursie stworzysz niesamowitą animację „Zaćmienie Słońca”. Zobaczysz, jak za pomocą animacji tworzyć angażujące i funkcjonalne interfejsy użytkownika.

  • 10
  • 2

Dolny pasek nawigacyjny – projekt HTML/CSS

W tym kursie utworzysz prosty dolny pasek nawigacyjny za pomocą HTML i wystylizujesz go przy użyciu CSS. Nauczysz się dodawać prostą animację z wykorzystaniem selektora (:hover) w CSS.

  • 12
  • 2

HTML — strona dla początkujących

W tym kursie sprawdzisz swoją podstawową wiedzę o HTML i stworzysz własną prostą stronę z obrazem i tekstem. Gotowy?

  • 5
  • 1
Zobacz wszystkie kursy HTML (26) →
Co dostajesz
Wszystko, czego potrzebujesz do nauki programowania

Ucz się w praktyce

Pisz prawdziwy kod, odpytuj bazy danych, twórz strony internetowe i opanuj prompty AI. Nasze interaktywne lekcje obejmują wszystkie umiejętności, których potrzebuje współczesny programista.

playground.js
Edytor kodu
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Dane wejściowe
"Alex"
Wynik
"Hello, Coddy! Alex"

Buduj swoją serię

Ucz się regularnie i patrz, jak rosną twoje postępy! Śledź codzienny nawyk programowania, chroń serię dzięki zamrożeniom i zdobywaj nagrody za każdy dzień nauki.

12 dni serii

Wróć jutro, aby utrzymać serię!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Podwójnie albo nic

Dzień 5 z 7

fire Freeze icon

Zamrożenie serii

2 left

Programuj wszędzie

Zabierz naukę programowania ze sobą! Bez konfiguracji i pobierania plików: po prostu otwórz i zacznij kodować. Dostępne na iOS, Androida i w przeglądarce, z oceną 4,9 gwiazdki.

Python
7Seria
250Wynik
5Energia
Zmienne
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
KONTYNUUJ
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Ścieżka
Cele
Ranking
Profil
4.9
GwiazdkaGwiazdkaGwiazdkaGwiazdkaGwiazdka
Ocena

Nie uczysz się w pojedynkę

Rywalizuj w globalnych rankingach, zapraszaj znajomych po nagrody i świętujcie wspólnie swoje sukcesy. Z przyjaciółmi programuje się lepiej!

Liga Challenger
Liga ChallengerAwansuje 7 najlepszych
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconStrefa awansuleaderboard Arrow Up icon

Każdy sposób nauki

Czytaj, słuchaj, sprawdzaj się, pytaj AI albo wracaj do tego, co już znasz. Każda lekcja dopasowuje się do ciebie.

Wprowadzenie do zmiennych
Audio

Zmienna to nazwany pojemnik przechowujący wartość, do której możesz później odwołać się w programie.

W Pythonie tworzysz ją, pisząc nazwę, znak równości, a potem wartość, którą chcesz zapisać.

Wartość może się zmieniać: ponowne przypisanie po prostu wskazuje nazwą nową wartość.

1xZofia

Zdobądź certyfikat

Zdobywaj certyfikaty za każdy ukończony kurs. Dodaj je do profilu na LinkedIn i CV, aby pokazać pracodawcom swoje umiejętności programistyczne.

CoddyCertyfikat ukończenia
Certyfikat dlaJan Kowalskiza pomyślne ukończenie kursu
python iconPodstawy Pythona
Zweryfikowano
Datasty 2026
LinkedInDodaj do LinkedIn

Dlaczego warto uczyć się HTML z Coddy

  • Pisz HTML w przeglądarce i oglądaj wyrenderowaną stronę obok. Bez instalowania edytora, bez konfiguracji. Każda zmiana w kodzie HTML pojawia się na żywo, więc informacja zwrotna przychodzi od razu.
  • Nowoczesny, semantyczny HTML: nagłówki, listy, linki, obrazy, tabele, formularze i znaczniki semantyczne, takie jak <header>, <nav>, <main>, <section>, <footer>. HTML, którego naprawdę używa się do budowania prawdziwych stron.
  • Podpowiedzi AI pomagają poprawiać błędy w HTML, takie jak niezamknięte znaczniki, zła składnia atrybutów czy potknięcia w dostępności, bez zdradzania odpowiedzi, więc dobre nawyki w pisaniu HTML zostają na dłużej.
  • Darmowy certyfikat z HTML po ukończeniu kursu. Wiarygodny pierwszy krok w tworzeniu stron internetowych, w naturalny sposób połączony z kursami CSS i JavaScript.

Najczęstsze pytania o naukę HTML

Czy HTML jest trudny do nauczenia?

HTML to jedna z najłatwiejszych rzeczy, jakich można się nauczyć w IT. To język znaczników, a nie język programowania: oznaczasz fragmenty treści (nagłówki, akapity, linki, obrazy), zamiast pisać logikę. Większość początkujących buduje pierwszą prawdziwą stronę internetową w ciągu pierwszej godziny.

Ile trwa nauka HTML?

Podstawowe znaczniki i atrybuty HTML opanujesz w kilka dni skupionej praktyki. Swoboda w semantycznym HTML, formularzach i dostępności zajmuje zwykle od jednego do trzech tygodni. Naturalnym kolejnym krokiem jest połączenie go z CSS i JavaScriptem, żeby budować pełne strony.

Czy uczyć się HTML przed CSS i JavaScriptem?

Tak. HTML określa strukturę strony, CSS decyduje o jej wyglądzie, a JavaScript czyni ją interaktywną. Nauka HTML na początku sprawia, że masz coś konkretnego, co później ostylujesz i ożywisz. Kurs HTML jest celowo krótki, żeby można było szybko przejść do CSS i JS.

Czy HTML to język programowania?

Ściśle mówiąc, nie. HTML to język znaczników służący do opisywania struktury treści w sieci. Sam w sobie nie ma zmiennych, instrukcji warunkowych ani pętli. Właściwe programowanie na stronie internetowej to JavaScript, omawiany w osobnym kursie.

Czy mogę uczyć się HTML online za darmo?

Tak. Interaktywny kurs HTML jest darmowy: lekcje, ćwiczenia z kodowania, podgląd HTML na żywo i certyfikat. Wszystko działa w przeglądarce, więc na start nie musisz instalować żadnego edytora ani narzędzi.

Czy po kursie HTML dostanę certyfikat?

Tak. Po ukończeniu kursu HTML otrzymujesz darmowy certyfikat ukończenia. To weryfikowalne potwierdzenie umiejętności, które możesz dodać do CV albo udostępnić na LinkedIn, zwykle jako krok w stronę pełniejszego portfolio z HTML, CSS i JavaScriptu.

Ścieżki nauki, które obejmują ten kurs

Ten kurs to jeden krok dłuższej ścieżki: kilku kursów w kolejności, w jakiej uczyłby mentor, każdy z własnym darmowym certyfikatem.

Ilustracja języków programowania w Coddy

Ucz się HTML z Coddy

ZACZNIJ