HTML - rkpomoce

rk
Po zakończeniu rozważań na temat World Wide Web,
poznaniu zasad organizacji witryn WWW, przeczytaniu
kilkudziesięciu stron i poznaniu wielu nowych pojęć,
prawdopodobnie zastanawiasz się, kiedy zaczniesz pisać
strony WWW. W końcu po to przecież kupiłeś tę książkę,
prawda? Nie będziesz już musiał dłużej czekać! W tym
rozdziale stworzysz swoją pierwszą (choć krótką) stronę
WWW, poznasz język HTML używany do tworzenia stron
WWW oraz zapoznasz się z następującymi
zagadnieniami:
 co to jest HTML i do czego będziesz go używał,
 co możesz, a czego nie możesz robić, tworząc strony
WWW,
 czym są i do czego służą znaczniki HTML.
HTML - ang. Hypertext Markup Language –
język hipertekstowego znakowania, który
stanowi ustanowioną przez konsorcjum
World Wide Web Consortium (W3C)
specyfikację nakreślającą
postać dokumentów prezentowanych w Internecie.
Komendy HTML zapisane w pliku tekstowym precyzują
położenie poszczególnych elementów i układ strony,
są one interpretowane przez przeglądarki
np. Firefox lub MS Internet Explorer.
 Plik zawierający
kod HTML (tak zwany plik
HTML) jest zwyczajnym plikiem tekstowym. Od
innych plików tekstowych na dysku twardym
różni się tylko rozszerzeniem nazwy pliku,
przybierającym postać
.htm lub — częściej — .html
 Dopiero przeglądarka WWW dokonuje
przeobrażenia tekstowego opisu wyglądu i
zawartości strony WWW, zawartego w pliku
HTML, na postać graficzną.
HTML opisuje strukturę strony
HTML odziedziczył po swoim przodku, języku SGML, jego
najistotniejszą cechę, jest ję­zykiem opisu strony a nie wyglądu
poszczególnych jej elementów. Idea polega na tym, że
większość dokumentów posiada pewne cechy wspólne, takie
jak nagłówki, akapity czy listy. Stąd też przed rozpoczęciem
pisania można określić, jakiego typu elementy będą używane
i nadać im odpowiednie nazwy .
HTML nie opisuje układu strony
Style w edytorach tekstu i innych programach do graficznego
składu stron nie są tylko nazwami, przypisanymi do
poszczególnych elementów strony, zawierają oprócz tego
informacje o formatowaniu tych elementów, takie jak rozmiar i
styl użytej czcionki, wcięcia, podkreślenia itp. Jeżeli więc napiszesz
tekst, który powinien być nagłówkiem, używasz sty­lu Nagłówek,
a odpowiednim formatowaniem zajmuje się już program.
HTML nie mówi nic na temat tego, jak powinna wyglądać
strona, kiedy znajdzie się na ekranie. Znacznik HTML wskazuje
tylko, że dany element to nagłówek bądź lista, ale w żaden
sposób nie określa, jak ten nagłówek czy lista ma być
sformatowana. I tutaj znów można odnieść się do przykładu
autora artykułu i osoby składa­jącej tekst — to właśnie ona, a nie
autor, decyduje o tym, jaką czcionką wydrukować tytuł i jaki ma
być duży. Autor, którym w przypadku stron WWW będziesz Ty,
musi martwić się tylko o to, który fragment tekstu ma być
tytułem.
Pisanie w tego typu języku oznacza tyle, że praca
rozpoczyna się od napisania tekstu, do którego następnie
dodawane są specjalne znaczniki, umieszczane wokół słów,
zdań i akapitów. Znaczniki określają różne elementy strony i
dają różny efekt w różnych przeglądarkach. W następnym
podrozdziale przeczytasz więcej o znacznikach i sposobach ich
używania.
W języku HTML został zdefiniowany pewien zestaw
znaczników, z których możesz korzystać. W żadnym wypadku
nie możesz tworzyć własnych, nowych znaczników, ale żeby
utrudnić całą sprawę powiem, że różne przeglądarki obsługują
różne zestawy znaczników. Aby to lepiej zrozumieć, spójrz na
skróconą historię HTML.
Plik HTML zawiera szereg ZNACZNIKÓW
składających się na elementy. Znacznik to fragment
tekstu zamknięty wewnątrz znaków nawiasów
ostrokątnych (<) oraz (>).
 Elementy języka HTML składają się zawsze z dwóch
znaczników: znacznika otwierającego oraz znacznika
zamykającego. Znacznik zamykający różni się od
otwierającego tym, że zaczyna się nie samym znakiem
<, a parą znaków </.

Znaczniki HTML to informacje zawarte w nawiasach
kątowych (<>), które definiują elementy strony lub sposób
ich formatowania.
Zdecydowano, że twórcy stron WWW będą mieli
dwie możliwości:
 normalne zamykanie znaczników:
<img></img>
 formę pojedynczego znacznika otwierającego i
zarazem zamykającego element języka HTML:
<img />

Zwróć baczną uwagę na różnicę pomiędzy ukośnikiem (/) i znakiem
backslash (\), który jest używany w DOS-ie i Windows jako element nazwy
dysku w ścieżce dostępu do pliku (np. C:\WINDOWS).
Jeżeli przypadkiem pomylisz ze sobą te dwa znaki, przeglądarka nie rozpozna
znacznika końcowego i niepoprawnie sformatuje stronę.
Znaczniki HTML poza samą, zamkniętą między znakami
nawiasów ostrokątnych nazwą, mogą zawierać jeszcze
dodatkowe informacje — tzw. atrybuty:

<nazwa atrybut1="wartość1"
atrybut2="wartość2">.....</nazwa> <nazwa
atrybut1="wartość1" atrybut2="wartość2" />
Atrybuty oddzielane są od nazwy i pozostałych atrybutów
znakami spacji, a wartość atrybutu zapisywana jest zaraz za
nazwą atrybutu, jest oddzielona od niej znakiem równości i
ujęta w znaki cudzysłowu:
atrybut="wartość"
Arkusz stylów CSS - zbiór definicji stylów
określających wygląd strony WWW oraz
poszczególnych jej elementów: tła, tekstu, tabel, list
itd. Główną zaletą arkuszy stylów jest to, że umożliwia
zmianę wyglądu strony i jej elementów bez
konieczności modyfikowania kodu HTML.
