Tworzenie pierwszej strony HTML
Napisz swój pierwszy kod HTML w prostym edytorze tekstu.
Tworzenie pierwszej strony HTML to bezpłatna lekcja HTML for Kids na CoddyKit. To lekcja 4 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.
Konfigurowanie pierwszej strony HTML
Witaj w najbardziej ekscytującej części nauki HTML-a! Dziś utworzymy pierwszą stronę HTML od podstaw. Proszę przygotować się na to, że kod ożyje!
Potrzebne narzędzia
Do utworzenia strony HTML potrzebne są tylko dwie rzeczy:
- Edytor tekstu: Na przykład Notatnik (Windows), TextEdit (Mac) lub dowolny inny edytor, taki jak VS Code.
- Przeglądarka internetowa: Chrome, Firefox lub dowolna przeglądarka do wyświetlania strony.
Zacznijmy kodować!
Otwórz edytor tekstu
Krok 1: Otwórz edytor tekstu
1. Otwórz edytor tekstu, taki jak Notatnik lub VS Code.
2. Zapisz nowy plik jako index.html. Pamiętaj, aby uwzględnić rozszerzenie .html!
Teraz możemy dodać kod HTML!
Napisz podstawową strukturę
Krok 2: Napisz podstawową strukturę
Każda strona HTML potrzebuje podstawowej struktury. Wpisz do pliku następujący kod:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<!-- Content goes here -->
</body>
</html>Dodaj nagłówek
Krok 3: Dodaj nagłówek
Wewnątrz znacznika <body> dodaj nagłówek do strony:
<h1>Welcome to My First Web Page!</h1>
Dodaj akapit
Krok 4: Dodaj akapit
Poniżej nagłówka dodaj akapit opisujący stronę:
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
Zapisz i otwórz stronę
Krok 5: Zapisz i otwórz stronę
1. Po napisaniu kodu zapisz plik.
2. Otwórz przeglądarkę.
3. Przeciągnij plik index.html i upuść go w oknie przeglądarki.
Gotowe! Twoja pierwsza strona internetowa działa!
Kompletna strona HTML
Oto, jak powinien wyglądać końcowy kod:
<!DOCTYPE html>
<html>
<head>
<title>My First HTML Page</title>
</head>
<body>
<h1>Welcome to My First Web Page!</h1>
<p>This is my first web page, and I’m learning HTML. It’s so much fun!</p>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>My Awesome Page</title>
</head>
<body>
<h1>Hello, World!</h1>
</body>
</html>
Świetna praca!
Gratulacje z okazji utworzenia pierwszej strony HTML! Nauczył się Pan konfigurować podstawową strukturę, dodawać nagłówek i pisać akapit. W następnej lekcji dowiemy się, jak dodawać do strony ciekawsze elementy, takie jak obrazy i odnośniki. Proszę tak trzymać!
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 „Tworzenie pierwszej strony HTML” jest bezpłatna?
Tak — pełny tekst „Tworzenie pierwszej strony 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 „Tworzenie pierwszej strony HTML”?
Napisz swój pierwszy kod HTML w prostym edytorze tekstu. Ć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 4 z 4.
Ile czasu zajmuje lekcja „Tworzenie pierwszej strony 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
- Czym jest HTML?
- Struktura HTML: elementy budulcowe
- Tagi i elementy HTML
- Tworzenie pierwszej strony HTML