Wstawianie nagłówków na stronie

Nagłówki stosowane są do podzielenia treści zawartej na stronie na mniejsze podsekcje. Ważne jest zachowanie hierarchii nagłówków, tak jak zachowuje się hierarchię układu książki na: tytuł, nazwa rozdziału, nazwa podrozdziału itd.

<h1>Wstęp do HTML-a<h1> <h2>Znaczniki tekstu</h2> <h3>Znaczniki nagłówków</h3>  <h3>Znacznik akapitu</h3>  <h3>Znaczniki: pogrubienia, pochylenia i podkreślenia</h3>  <h2>Wstawianie grafiki na stronie</h2>

Powyższy kod wyświetli następujący wynik:

Wstęp do HTML-a

Znaczniki tekstu

Znaczniki nagłówków

Znacznik akapitu

Znaczniki: pogrubienia, pochylenia i podkreślenia

Wstawianie grafiki na stronie

Zmiana styli wyświetlania

Style nagłówków powinny zostać zapisane w pliku CSS w następujący sposób:

h1{ // dla znacznika h1 font-size:25px; /* ustaw rozmiar czcionki na 25 px */ color: gray; /* ustaw kolor czcionki na szary (można też użyć zapisu ogólnego #ffffff <- biały */ font-weight: /* pogrubienie tekstu: normal, bold, bolder, lighter lub wartości od 100 do 900 co 100 */ margin-top: 0.67em; /* szerokość górnego marginesu względem ustawień tego parametru dla rodzica */ margin-bottom: 0.67em; /* szerokość dolnego marginesu względem ustawień tego parametru dla rodzica */ margin-left: 0; /* szerokość lewego marginesu */ margin-right: 0; /* szerokość prawego marginesu */ }

Powyższy kod należy zapisać do pliku z rozszerzeniem .css i kodowaniem ASCII, a następnie załączyć go na swojej stronie w nagłówku dla HTML-4 w następujący sposób:

natomiast dla HTML-5 wystarczy:

Oczywiście zamiast style.css powinno podać się ścieżkę do własnego pliku z stylami .css.