HTML for Kids · Lekcja

Nagłówki i akapity

Dodawanie tytułów i tekstu do strony internetowej

Nagłówki i akapity 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.

Nagłówki i akapity

Witaj w kolejnej lekcji! Dziś dowie się Pan, jak dodawać nagłówki i akapity do strony internetowej. Dzięki tym elementom treść jest uporządkowana i łatwa do czytania.

Czym są nagłówki?

Nagłówki służą do tworzenia tytułów i podtytułów na stronie internetowej. Obejmują poziomy od <h1> (największy) do <h6> (najmniejszy).

Można myśleć o nagłówkach jak o planie treści. Pomagają użytkownikom zrozumieć strukturę strony.

Przykład:

<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Smaller Subheading</h3>

Używanie nagłówków

Dodajmy nagłówki do strony internetowej. Użyj tego kodu, aby zobaczyć różnicę między rozmiarami nagłówków:

<h1>This is an H1 Heading</h1>
<h2>This is an H2 Heading</h2>
<h3>This is an H3 Heading</h3>
<h4>This is an H4 Heading</h4>
<h5>This is an H5 Heading</h5>
<h6>This is an H6 Heading</h6>

Czym są akapity?

Akapity to bloki tekstu dodawane do strony internetowej za pomocą znacznika <p>. Doskonale nadają się do dodawania szczegółowych informacji lub opisów.

Przykład:

<p>This is a paragraph of text on my web page. It’s great for sharing information with my visitors!</p>

Dodawanie wielu akapitów

Można dodawać dowolną liczbę akapitów, używając wielu znaczników <p>.

Przykład:

<p>This is the first paragraph. It introduces my topic.</p>
<p>This is the second paragraph. It adds more details and examples.</p>
<p>This is the third paragraph. It concludes my thoughts.</p>

Łączenie nagłówków i akapitów

Nagłówki i akapity współdziałają ze sobą, dzięki czemu treść jest łatwa do czytania i zrozumienia. Nagłówków używaj do tytułów, a akapitów do szczegółowych informacji.

Przykład:

<h1>Welcome to My Web Page</h1>
<p>This is a web page where I share my favorite recipes, hobbies, and stories.</p>

<h2>My Favorite Recipes</h2>
<p>I love baking cookies and cakes. Here’s a recipe for chocolate chip cookies!</p>

<h2>My Hobbies</h2>
<p>In my free time, I enjoy painting and playing video games.</p>

Dobre praktyki dotyczące nagłówków i akapitów

Oto kilka wskazówek, o których warto pamiętać:

Używaj jednego znacznika <h1> na stronę: Znacznika <h1> należy użyć tylko raz, jako głównego tytułu.
Organizuj treść: Używaj mniejszych nagłówków (<h2>, <h3>) do dzielenia sekcji.
Pisz przejrzyste akapity: Dbaj o to, aby akapity były krótkie i łatwe do czytania.

Spróbuj samodzielnie

Utwórzmy prostą stronę internetową z nagłówkami i akapitami. Oto przykład, od którego można zacząć:

<!DOCTYPE html>
<html>
  <head>
    <title>Headings and Paragraphs</title>
  </head>
  <body>
    <h1>Welcome to My Page</h1>
    <p>This is the main paragraph introducing my page.</p>
    
    <h2>About Me</h2>
    <p>I’m learning HTML and enjoying the process!</p>

    <h2>My Goals</h2>
    <p>My goal is to create a professional-looking website someday.</p>
  </body>
</html>

Świetna praca!

Świetna robota! Nauczył się Pan dodawać nagłówki i akapity do strony internetowej. Są one niezbędne do tworzenia przejrzystej i dobrze uporządkowanej treści. W następnej lekcji dowiemy się, jak tworzyć listy do organizowania informacji. Czeka nas jeszcze więcej dobrej zabawy!

Często zadawane pytania

Czy lekcja „Nagłówki i akapity” jest bezpłatna?

Tak — pełny tekst „Nagłówki i akapity” 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 „Nagłówki i akapity”?

Dodawanie tytułów i tekstu do strony internetowej Ć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 „Nagłówki i akapity”?

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

← Powrót do HTML for Kids