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.