Nagłówki podobnie jak i w edytorze world, dzielą tekst na części, a dzięki temu ze nadają jemu przejrzysty, oraz rzucający się w oczy wygląda, zwracają uwagę czytelnika. Aby np: przekształcić kawałek tekstu w prosty nagłówek wystarczy jedynie wpisać go pomiędzy znacznikami nagłówka tak jak w przykładzie poniżej:

<h1> to jest nasz nagłówek 1 poziomu </h1>

Znaczniki nagłówka powieszą tekst i dodadzą do niego pogrubienie. Masz do dyspozycji masę rozmaitych nagłówków, od <h1> który to zmienia tekst na największy wśród nagłówków, do <h6> który jest dość rzadko wykorzystywany z powodu jego rozmiarów zbliżonych do zwykłej czcionki, a nawet i mniejszej patrz przykład poniżej:

Nagłówek 1

Nagłówek 2

Nagłówek 3

Nagłówek 4

Nagłówek 5

Nagłówek 6

Zwykły tekst

Wycerować nagłówek

Nagłówek w postaci np: <h1>tekst nagłówka</h1> jest wyrównany do lewego marginesu, co wynika to z domyślnych ustawień przeglądarki. Możesz go umieścić po środku strony co się nazywa wyśrodkowaniem i jest to możliwe dzięki zagnieżdżeniu znaczników nagłówka w obrębie znacznika <center>:

<center><h2>tekst nagłówka</h2></center>
Lub dodając w znaczniku nagłówka atrybut: align="center"
<h2 align="center">tekst nagłówka</h2>

Dodawanie tekstu na stronie

W wersji HTML 4 akapit jest definiowany za pomocą pary znaczników <p> - </p>. Jak już wspomniałem brak znacznika zamykającego w jednym z wcześniejszych artów dotyczących znaczników w html nie spowoduje katastrofy lecz warto go używać. A wiec aby dodać tekst, najpierw trzeba ja przygotować, kiedy będzie już gotowa, otwórz dokument html i wklej ją pomiędzy znacznikami <p> - </p> w obrębie elementu body. Następnie zapisz stronę i podejrzyj jak to wszyło

Jeden tekst i kilka znaczników formatujących

Do tego samego fragmentu tekstu można zastosować jednocześnie różne style np: kursywę i pogrubienie, co wygląda w ten sposób:

<b><i>Pogrubienie i kursywa</i></b>

Co daje w końcowym efekcie tekst który jest pogrubiony i pisany kursywą.

Odstęp między akapitami

Aby zwiększyć odstęp między akapitami należy używać znacznika <br>, ten znacznik o czym powinieneś pamiętać, nie posiada znacznika zamykającego. Znacznik nie posiadający znacznika zamykającego nosi miano pustego. Istnieje również znacznik <pre> który doskonale zachowuje zarówno odstępy jak i łamania wierszy, dzięki któremu nie trzeba przy zejściu do akapitu niżej używać znacznika <br>. Jego zastosowanie przedstawione jest poniżej. 

<pre>to jest właśnie przykład
                     zastosowania
   znacznika pre </pre>

Należy pamiętać, iż znacznik nie jest określany mianem pusty i posiada znacznik zamykający </pre>, którego na końcu tekstu należy umieścić.

Linia pozioma

Linią poziomą można oddzielić sobie wizualne fragmenty strony www. Aby umieścić na stronie linię poziomą, należy użyć znacznika <hr>. znacznik lini poziomej <hr> ma swoje atrybuty dzięki którym można go do woli modyfikować. 

<hr width="dłógość" size="grubość" align="wyrównanie">

Dłógość - może być wyrażana w pikselach np: 100, bądź w procentach np: 60%
Grubość - określana w pikselach np: 1
Wyrównanie - może być left, right lub center

Autor: Rafał Stasiak 
Dodano: 28.02.2003