HTML/Składnia
Znaczniki
[edytuj]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
[edytuj]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
[edytuj]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
[edytuj]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...