Nagłówki i akapity — HTML

Nagłówki porządkują tematykę tekstu, a akapity dzielą treść.

Jak to działa?

Nagłówki występują od h1 do h6. Nie dobieraj ich tylko według wielkości liter; używaj ich zgodnie ze strukturą dokumentu. Zwykły tekst umieszczaj w <p>.

Przykład 1 — poznaj zapis

<h1>Kurs HTML</h1>
<h2>Pierwsza lekcja</h2>
<p>To jest mój pierwszy akapit.</p>

Przeglądarka rozróżni główny nagłówek, podtytuł i akapit.

Przeczytaj kod linijka po linijce

<h1>Kurs HTML</h1>Tworzymy nagłówek porządkujący treść strony.
<h2>Pierwsza lekcja</h2>Tworzymy nagłówek porządkujący treść strony.
<p>To jest mój pierwszy akapit.</p>Dodajemy akapit, który użytkownik przeczyta na stronie.

Oczekiwany wynik / efektpo uruchomieniu przykładu

Nagłówek Kurs HTML, mniejszy Pierwsza lekcja i akapit.

◉Podgląd w przeglądarceHTML/CSS — bez uruchamiania skryptów

Przykład 2 — podobny problem, inne dane

Teraz przyjrzyj się drugiemu przykładowi. Zwróć uwagę na to, co zmieniło się w kodzie, a co w wyniku. Spróbuj przewidzieć rezultat przed przeczytaniem odpowiedzi.

<h1>Witaj</h1><p>To jest opis.</p>

Wynik drugiego przykładupo uruchomieniu przykładu

Duży nagłówek Witaj, niżej akapit.

◉Podgląd w przeglądarceHTML/CSS — bez uruchamiania skryptów

Sprawdź, czy rozumiesz

Wróć do pierwszego przykładu, zmień jedną wartość i spróbuj samodzielnie przewidzieć wynik. Następnie uruchom kod i porównaj rezultat. W ten sposób nauczysz się nie tylko przepisywać instrukcje, ale rozumieć ich działanie.

Spróbuj samodzielnie

Dodaj dwa podrozdziały z nagłówkami h2.