Samouczek HTML

Strona główna HTML Wprowadzenie do HTML Edytory HTML Podstawy HTML Elementy HTML Atrybuty HTML Nagłówki HTML Akapity HTML Style HTML Formatowanie HTML Cytaty HTML Komentarze HTML Kolory HTML HTML CSS Linki HTML Obrazy HTML Ulubione HTML Tabele HTML Listy HTML Blok HTML i wbudowany Klasy HTML Identyfikator HTML Ramki HTML HTML JavaScript Ścieżki plików HTML Nagłówek HTML Układ HTML HTML Responsywne Kod komputerowy HTML Semantyka HTML Przewodnik po stylach HTML Jednostki HTML Symbole HTML Emotikony HTML Zestaw znaków HTML Kodowanie adresu URL HTML HTML a XHTML

Formularze HTML

Formularze HTML Atrybuty formularza HTML Elementy formularza HTML Typy danych wejściowych HTML Atrybuty wejściowe HTML Atrybuty formularza wejściowego HTML

Grafika HTML

Płótno HTML HTML SVG

Media HTML

Media HTML Wideo HTML Dźwięk HTML Wtyczki HTML HTML YouTube

API HTML

Geolokalizacja HTML Przeciągnij/upuść HTML Magazyn sieciowy HTML HTML Web Workers HTML SSE

Przykłady HTML

Przykłady HTML Quiz HTML Ćwiczenia HTML Certyfikat HTML Podsumowanie HTML Dostępność HTML

Odniesienia HTML

Lista znaczników HTML Atrybuty HTML Globalne atrybuty HTML Obsługa przeglądarki HTML Zdarzenia HTML Kolory HTML Płótno HTML HTML audio/wideo Dokumenty HTML Zestawy znaków HTML Kodowanie adresu URL HTML Kody językowe HTML Wiadomości HTTP Metody HTTP Konwerter PX na EM Skróty klawiszowe

Nagłówki HTML


Nagłówki HTML to tytuły lub podtytuły, które chcesz wyświetlić na stronie internetowej.


Przykład

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Nagłówki HTML

Nagłówki HTML są definiowane za pomocą znaczników <h1>to .<h6>

<h1>definiuje najważniejszy nagłówek. <h6>definiuje najmniej ważny nagłówek.

Przykład

<h1>Heading 1</h1>
<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>

Uwaga: Przeglądarki automatycznie dodają trochę odstępu (marginesu) przed i po nagłówku.


Nagłówki są ważne

Wyszukiwarki używają nagłówków do indeksowania struktury i zawartości Twoich stron internetowych.

Użytkownicy często przeglądają stronę po jej nagłówkach. Ważne jest, aby używać nagłówków, aby pokazać strukturę dokumentu.

<h1>nagłówki powinny być używane jako nagłówki główne, po których następują <h2>nagłówki, potem mniej ważne <h3>i tak dalej.

Uwaga: Używaj nagłówków HTML tylko jako nagłówków. Nie używaj nagłówków, aby tekst był DUŻY lub pogrubiony .


Większe nagłówki

Każdy nagłówek HTML ma domyślny rozmiar. Możesz jednak określić rozmiar dowolnego nagłówka z styleatrybutem, używając font-sizewłaściwości CSS:

Przykład

<h1 style="font-size:60px;">Heading 1</h1>


Ćwiczenia HTML

Sprawdź się za pomocą ćwiczeń

Ćwiczenie:

Użyj prawidłowego tagu HTML, aby dodać nagłówek z tekstem „Londyn”.



<p>Londyn to stolica Anglii. Jest to najbardziej zaludnione miasto w Wielkiej Brytanii, z obszarem metropolitalnym liczącym ponad 13 milionów mieszkańców.</p>


Odniesienie do tagu HTML

Dokumentacja znaczników W3Schools zawiera dodatkowe informacje o tych znacznikach i ich atrybutach.

Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings

Pełną listę wszystkich dostępnych tagów HTML można znaleźć w naszym podręczniku HTML Tag Reference .