HTML for Kids · Lekcja

Czym jest HTML?

Poznaj podstawy HTML i dowiedz się, dlaczego jest ważny przy tworzeniu stron internetowych.

Lekcja 1 z 410 kroki

Czym jest HTML? to bezpłatna lekcja HTML for Kids na CoddyKit. To lekcja 1 z 4. Możesz przeczytać całą lekcję poniżej za darmo — a potem ćwiczyć ją interaktywnie w przeglądarce z wbudowanym edytorem kodu i tutorem AI dostępnym 24/7. To część ścieżki edukacyjnej HTML for Kids, a Twój postęp synchronizuje się między webem a aplikacją CoddyKit. Kurs HTML for Kids zawiera 4 lekcji w sumie.

Czym jest HTML?

Witaj w świecie HTML! Dziś dowie się Pan, czym jest HTML i dlaczego jest tak ważny. Po ukończeniu tej lekcji będzie Pan znać podstawy tworzenia stron internetowych.

Czym jest HTML? — ilustracja 1

Co oznacza skrót HTML?

HTML to skrót od HyperText Markup Language, czyli języka używanego do tworzenia stron internetowych.

Można myśleć o HTML-u jak o projekcie strony internetowej. Informuje on przeglądarkę, jak wyświetlać tekst, obrazy i inne elementy.

Dlaczego HTML jest ważny?

HTML jest ważny, ponieważ:

  • Tworzy strony internetowe: Każda odwiedzana strona internetowa jest tworzona za pomocą HTML-a.
  • Jest prosty i daje duże możliwości: Łatwo się go nauczyć, a jednocześnie można za jego pomocą tworzyć niezwykłe rzeczy!
  • Jest uniwersalny: HTML działa na wszystkich urządzeniach i we wszystkich przeglądarkach.

Bez HTML-a internet nie wyglądałby tak świetnie!

HTML w praktyce

Oto prosty przykład kodu HTML:

<!DOCTYPE html>
<html>
  <head>
    <title>My First Page</title>
  </head>
  <body>
    <h1>Welcome to My Page!</h1>
    <p>This is a paragraph of text.</p>
  </body>
</html>

Jak działa HTML

HTML używa znaczników do strukturyzowania treści. Znaczniki przypominają kontenery, które informują przeglądarkę, co ma zrobić.

  • Znacznik otwierający: <h1>
  • Znacznik zamykający: </h1>
  • Treść: Tekst lub informacje znajdujące się wewnątrz znaczników.

Razem tworzą element: <h1>Hello</h1>

Wyświetlanie kodu HTML

Można zobaczyć kod HTML znajdujący się za dowolną stroną internetową!

  1. Proszę kliknąć stronę internetową prawym przyciskiem myszy.
  2. Proszę wybrać opcję Wyświetl źródło strony.
  3. Otworzy się nowa karta z kodem HTML!

Proszę spróbować na ulubionej stronie internetowej, aby zobaczyć, jak została zbudowana.

HTML jest wszędzie!

HTML służy nie tylko do tworzenia stron internetowych. Jest używany także w:

  • Wiadomościach e-mail: Efektownie zaprojektowanych wiadomościach.
  • Grach: Prostych grach działających w przeglądarce.
  • Aplikacjach: Aplikacjach mobilnych korzystających z technologii internetowych.

Nauka HTML-a to pierwszy krok do zostania twórcą stron internetowych!

Spróbuj napisać kod HTML!

Oto prosta struktura HTML. Proszę spróbować napisać ją samodzielnie:

<!DOCTYPE html>
<html>
  <head>
    <title>My Test Page</title>
  </head>
  <body>
    <h1>Hello, World!</h1>
    <p>This is my first HTML page.</p>
  </body>
</html>

Świetna praca!

Dowiedział się Pan, czym jest HTML i dlaczego jest ważny. Zobaczył Pan również, jak pisać podstawowy kod HTML, oraz poznał Pan jego strukturę. W następnej lekcji zagłębimy się w świat HTML-a!

Czym jest HTML? — ilustracja 10
Bezpłatny start

Ucz się HTML dzięki korepetycjom AI — za darmo

Pisz i uruchamiaj kod w przeglądarce, otrzymuj natychmiastową pomoc od korepetytora AI dostępnego 24/7 i kontynuuj naukę w sieci lub w aplikacji.

Kursy
16
Lekcje
35

Często zadawane pytania

Czy lekcja „Czym jest HTML?” jest bezpłatna?

Tak — pełny tekst „Czym jest HTML?” jest dostępny za darmo tutaj w sieci. Aby ćwiczyć ją interaktywnie (wbudowany edytor kodu i tutor AI dostępny 24/7) i odblokować resztę kursu HTML for Kids, przejdź na CoddyKit PRO. Kurs HTML for Kids zawiera 4 lekcji w sumie.

Co nauczysz się w „Czym jest HTML?”?

Poznaj podstawy HTML i dowiedz się, dlaczego jest ważny przy tworzeniu stron internetowych. Ćwiczysz HTML for Kids z praktycznym kodem, który uruchamiasz bezpośrednio w przeglądarce, a tutor AI dostępny 24/7 odpowiada na Twoje pytania podczas pracy nad lekcją.

Czy potrzebuję doświadczenia, aby zacząć HTML for Kids?

Nie wymagamy żadnego doświadczenia. HTML for Kids w CoddyKit jest strukturyzowany dla początkujących i zaawansowanych użytkowników, więc możesz zacząć tutaj lub od początku i uczyć się w swoim tempie. To lekcja 1 z 4.

Ile czasu zajmuje lekcja „Czym jest HTML?”?

Większość lekcji CoddyKit trwa około 5–10 minut. Każda lekcja to mały, interaktywny krok, dzięki czemu robisz systematyczne postępy i zawsze wracasz dokładnie do tego samego miejsca — na webie i w aplikacji.

Czy mogę pisać i uruchamiać kod w tej lekcji HTML for Kids?

Tak. Każda lekcja HTML for Kids zawiera wbudowany edytor kodu, więc piszesz i uruchamiasz prawdziwy kod bezpośrednio w przeglądarce i od razu otrzymujesz sprzężenie zwrotne od AI — bez konfiguracji na komputerze.

Wszystkie lekcje w tym kursie

  1. Czym jest HTML?
  2. Struktura HTML: elementy budulcowe
  3. Tagi i elementy HTML
  4. Tworzenie pierwszej strony HTML
← Powrót do HTML for Kids