HTML/Składnia

Znaczniki

Jak już zapewne zauważyłeś, kod HTML składa się ze znaczników (ang. tags), które umieszczamy w nawiasach ostrych < i >. Z tych elementów składają się niemal wszystkie strony internetowe. Niemal każdy znacznik HTML musi zostać zamknięty – przeglądarka musi wiedzieć, gdzie np. rozpoczyna się tabelka, a gdzie kończy. Jeżeli zdarzy się, że zapomnisz domknąć któryś z otwartych znaczników, może to sprawić, że cały wygląd strony będzie zupełnie różny od oczekiwań.

Znacznik otwierający wygląda tak:

<jakis_znacznik>

natomiast zamykający:

</jakis_znacznik>

atrybuty

do każdego znacznika można dodać opcjonalne atrybuty. dodaje się je do znacznika otwierającego, a oddziela spacją, w taki sposób:

<jakis_znacznik atrybut="wartość" inny_atrybut="wartość">

I tak na przykładzie

<a href="http://www.wikibooks.pl" title="wikibooks">wikibooks</a>

Składnia

Należy także pamiętać o kolejności wstawiania znaczników. Nie wolno ich "mieszać".

<i>Lorem <b>ipsum</b>, <b>dolor</b> sit <u>amet</u></i>

To jest poprawny zapis. Natomiast:

<b>Lorem <i>ipsum</b> dolor <b><u>sit</i></u> amet</b>

Już nie jest poprawny. Prowadzi nie tylko do nieścisłości w kodzie, ale także do bałaganu. Lepiej od razu wyrobić sobie nawyk pisania znaczników we właściwej kolejności.

Wpisywanie tekstu

Jeśli chcemy umieścić na stronie WWW zwykły tekst, możemy wpisać go bezpośrednio z klawiatury - w miejsce właściwej treści dokumentu. Nie trzeba przy tym stosować żadnych dodatkowych poleceń. Należy jednak pamiętać, że przeglądarka internetowa automatycznie zawinie wszystkie wiersze, dlatego w edytorze HTML tekst możemy wpisywać dowolnie, np. po wpisaniu:

To jest zwykły tekst...
To jest zwykły tekst...
To jest zwykły tekst...
To jest zwykły tekst...

Na ekranie otrzymamy:

To jest zwykły tekst... To jest zwykły tekst... To jest zwykły tekst...

W edytorze możemy zakończyć linię (klawisz Enter) w dowolnym miejscu - tam, gdzie jest to wygodne. Nie należy przedzielać wyrazów, z jednej linii do drugiej, za pomocą pauzy:

To jest zwykły tekst... To jest zwykły tekst... To jest zwy-
kły tekst...