Tytuł nagłówka <h1, h2, h3, h4, h5, h6>

Jak wstawić tytuł (nagłówek) na stronie WWW? W jaki sposób wyświetlić "dymek narzędziowy" po wskazaniu tekstu myszką?

Tytuł nagłówka <h1, h2, h3, h4, h5, h6>

Tytuł pierwszego poziomu (główny)
```
<h1>...</h1>
```
Tytuł drugiego poziomu (sekcji)
```
<h2>...</h2>
```
Tytuł trzeciego poziomu (podsekcji)
```
<h3>...</h3>
```
Tytuł czwartego poziomu
```
<h4>...</h4>
```
Tytuł piątego poziomu
```
<h5>...</h5>
```
Tytuł szóstego poziomu (najniższej podsekcji)
```
<h6>...</h6>
```

wyświetlanie: w bloku

Aby nadać tytuł (nagłówek) jakiejś części tekstu (rozdziałowi, sekcji), możesz użyć tej komendy. Istnieje sześć rzędów tytułów. Najwyższym rzędem jest rząd pierwszy: <h1>...</h1>, a najniższym - szósty: <h6>...</h6>. Tytuł wyższego rzędu jest pisany większą czcionką.

Znaczniki tytułów (nagłówków) nie mogą zawierać elementów blokowych.

Dla zainteresowanych
Jeśli chcesz dowiedzieć się więcej na temat dodatkowych możliwości przy wstawianiu tytułów w nagłówkach sekcji na stronach internetowych, zobacz rozdział HTML5: Podtytuł, Sekcja, Artykuł, Wstawka, Nagłówek, Stopka.

Przykład <h1, h2, h3, h4, h5, h6>

Przykład

Prawidłowa kolejność tytułów nagłówków

Należy dążyć do tego, aby tytuły na stronie były poukładane w odpowiedniej kolejności, odzwierciadlającej podział na działy, rozdziały, podrozdziały, punkty, podpunkty itd. Oznacza to, że każdy element h2 powinien być poprzedzony przynajmniej przez jeden element h1, h3 - przez h2, h4 - przez h3, h5 - przez h4, h6 - przez h5. W innym przypadku mielibyśmy do czynienia z sytuacją podobną do wykazu numerowanego np. od 1.1 zamiast od 1 albo z brakującymi podpunktami, tzn. jak gdyby nastąpiło "przeskoczenie" z punktu nr 1 od razu do 1.1.1 pomijając 1.1.

Przykład <h1, h2, h3>

<h1>1. Dział</h1>
(...)
<h2>1.1. Rozdział</h2>
(...)
<h2>1.2. Rozdział</h2>
(...)
<h3>1.2.1. Podrozdział</h3>
(...)
<h1>2. Dział</h1>
(...)

Dymek narzędziowy <h1 title, h2 title, h3 title, h4 title, h5 title, h6 title>

Stosując polecenie np.: <h1 title="Tu podaj opis">...</h1> możemy wprowadzić opis, który będzie się pojawiał, gdy przesuniemy wskaźnik myszki na dany tytuł. Atrybut ten (title="...") można stosować praktycznie w stosunku do wszystkich znaczników HTML (oprócz: <base>, <basefont>, <head>, <html>, <meta>, <param>, <script>, <title>).

UWAGA!
W treści atrybutu title="..." nie należy używać znaków cudzysłowu. Jeśli musimy to zrobić, należy zamiast nich wpisywać: "

Przykład <h4 title>

Przykład

Pytania i odpowiedzi <h1, h2, h3, h4, h5, h6>

Jak zrobić tytuł w HTML?

Aby tekst na stronie był czytelniejszy, dobrze jest podzielić go na sekcje tematyczne. W celu dodania głównego tytułu nagłówkowego do sekcji wystarczy wstawić znacznik: <h1>...</h1>. Natomiast jeżeli chcemy wstawić tytuł podsekcji, używamy znacznika <h2>...</h2> itd.

Ile jest H w HTML?

W wyrazie "HTML" jest tylko jedna litera "H" 😉 Ale w pytaniu oczywiście chodziło o coś innego. W języku HTML istnieje sześć poziomów tytułów nagłówkowych: od H1 do H6 - przy czym H1 oznacza tytuł główny, a H6 - tytuł podsekcji poziomu szóstego.

Przeglądarki

	Chrome	Firefox	Edge	Opera	Safari
`<h1>`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1 2003-06-23
`<h2>`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1 2003-06-23
`<h3>`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1 2003-06-23
`<h4>`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1 2003-06-23
`<h5>`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1 2003-06-23
`<h6>`	1 2008-12-11	1 2004-11-09	12 2015-07-29	15 2013-07-02	1 2003-06-23

Komentarze

Zobacz więcej komentarzy