Nagłówki HTML to elementy HTML, które służą do wyróżnienia i uporządkowania tekstu na stronie internetowej. W języku HTML istnieje sześć nagłówków: H1, H2, H3, H4, H5 oraz H6. Litera H przed cyfrą to skrót od wyrażenia Heading, czyli po prostu nagłówek.
Nagłówki służą do:
- Uporządkowania tekstu na stronie internetowej poprzez podzielenie go na sekcje.
- Podkreślenia ważności poszczególnych części tekstu.
- Ułatwienia użytkownikom zrozumienia struktury strony.
- Ułatwienia wyszukiwarki internetowej zrozumienia treści strony.
Hierarchia nagłówków
Nagłówki są hierarchiczne, co oznacza, że każdy nagłówek może mieć podrzędny nagłówek. Nagłówek H1 jest najważniejszym nagłówkiem na stronie, a nagłówek H6 jest najmniej ważnym.
Przykład zastosowania nagłówków
Oto przykład zastosowania nagłówków w HTML:
<h1>Tytuł strony</h1>
<h2>Sekcja 1</h2>
<h3>Podsekcja 1</h3>Właściwości nagłówków
Nagłówki mają kilka właściwości, które można ustawić, aby dostosować ich wygląd i zachowanie. Do najważniejszych właściwości należą:
- size – określa rozmiar nagłówka.
- color – określa kolor nagłówka.
- font-family – określa czcionkę nagłówka.
- font-weight – określa grubość czcionki nagłówka
Podsumowanie
Nagłówki HTML to ważne narzędzie do uporządkowania i podkreślenia ważności tekstu na stronie internetowej. Dobrze zaprojektowane nagłówki mogą ułatwić użytkownikom zrozumienie treści strony i poprawić jej ranking w wynikach wyszukiwania.
Kliknij ćwiczenie 1 aby poćwiczyć tworzenie nagłówków.