Tytuły HTML

W dokumencie HTML tytuły są ważne.

Tytuły HTML

Tytuły (Heading) są definiowane za pomocą tagów <h1> - <h6>.

<h1>Definiuje największy tytuł.<h6>Definiuje najmniejszy tytuł.

Przykład

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

Spróbuj sam

Komentarz:Przeglądarki automatycznie dodają puste linie przed i po tytułach.

Komentarz:Domyślnie, HTML automatycznie dodaje dodatkową pustą linię przed i po blokowych elementach, takich jak akapity, elementy tytułów.

Tytuły są ważne

Upewnij się, że używasz tagów <h> tylko do tytułów. Nie używaj tytułów tylko po to, aby wygenerować czcionkę pogrubioną lub dużą.

Wyszukiwarki używają tytułów do tworzenia indeksów struktury i zawartości Twojej strony internetowej.

Ponieważ użytkownicy mogą szybko przeglądać Twoją stronę internetową za pomocą tytułów, ważne jest, aby prezentować strukturę dokumentu za pomocą tytułów.

h1 powinien być używany jako główny tytuł (najważniejszy), za nim h2 (rzadszy), potem h3 i tak dalej.

Pozioma linia HTML

Tag <hr> tworzy poziomą linię w dokumencie HTML.

Element <hr> można używać do oddzielania treści.

Przykład

<p>To jest akapit</p>
<hr />
<p>To jest akapit</p>
<hr />
<p>To jest akapit</p>

Spróbuj sam

Wskazówka:Użycie poziomej linii (etykieta <hr>) do oddzielenia sekcji artykułu to jeden ze sposobów (choć nie jedyny).

Komentarze HTML

Możesz wstawić komentarze do kodu HTML, co może poprawić jego czytelność i ułatwić zrozumienie. Przeglądarki pomijają komentarze i nie wyświetlają ich.

Komentarze są pisane tak:

Przykład

<!-- To jest komentarz -->

Spróbuj sam

Komentarz:Po początkowym nawiasie (lewy nawias) musi pojawić się znak exclamation, przed końcowym nawiasem (prawy nawias) nie jest wymagany.

Wskazówka:Racjonalne użycie komentarzy może pomóc w przyszłej edycji kodu.

Wskazówka HTML - Jak zobaczyć kod źródłowy

Pewnie kiedyś, widząc stronę internetową, zdziwiłeś się „WOW! Jak to zrobić?”

Jeśli chcesz odkryć tajemnice, wystarczy kliknąć prawym przyciskiem myszy i wybrać „Zobacz plik źródłowy” (IE) lub „Zobacz kod strony” (Firefox), podobnie działają inne przeglądarki. To otworzy okno zawierające kod HTML strony.

Przykłady z tej strony

Tytuł
Jak wyświetlić tytuł w dokumencie HTML.
Ukryty komentarz
Jak wstawić komentarz w kodzie źródłowym HTML.
Pozioma linia
Jak wstawić poziomą linię.

Podręcznik etykiet HTML

Podręcznik etykiet CodeW3C.com oferuje więcej informacji na temat tych tytułów i ich atrybutów.

W dalszych rozdziałach tego kursu nauczysz się więcej o etykietach HTML i ich atrybutach.

Etykieta Opis
<html> Definicja dokumentu HTML.
<body> Definicja głównego treści dokumentu.
<h1> do <h6> Definicja tytułów HTML
<hr> Definicja poziomej linii.
<!--...--> Definicja komentarza.