* HTML + Wstęp do HTML Dokument HTML jest plikiem tekstowym, który zawiera znaczniki, zwane inaczej tagami, i stanowią język HTML. Same składają się z nawiasów kątowych, między którymi znajdują się ściśle określone litery. Na przykład <BODY> jest otwierającym znacznikiem "ciała" dokumentu HTML. Każdy znacznik otwierający ma swój odpowiednik zamykający, który zawiera dodatkowo tzw. ukośnik (slash). Na przykład: <BODY> ma </BODY>. Natomiast przeglądarka, jako program wyspecjalizowany, interpretuje znaczniki i przetwarza je na właściwą postad wizualną. Szkielet dokumentu HTML wygląda następująco: <HTML> <HEAD> <!-- Informacje o dokumencie, tytuł strony, itd. --> </HEAD> <BODY> <!-- Tutaj znajduje się treśd dokumentu (tekst, grafika, itp.) --> </BODY> </HTML> Uwaga: znaczniki <body> </body> nie powinny byd umieszczane na stronie zawierającej ramki, w ramach FRAMESET. ZNACZNIK <HTML> </HTML> Informuje przeglądarkę o początku (<HTML>) i koocu (</HTML>) dokumentu. Między nimi jest umieszczana cała zawartośd strony, tj. nagłówek wraz z tytułem strony, treśd zasadnicza, linki, grafika, itd. Znacznik nie jest bezpośrednio widoczny na stronie w przeglądarce.
ZNACZNIK <HEAD> </HEAD> Znacznik HEAD jest umieszczany wewnątrz znaczników HTML. Zawiera informacje na temat dokumentu, tj. tytuł dokumentu, autor dokumentu i ewentualnie informacje na temat zawartości pliku (czego dotyczy), język użyty na stronie, itp. Wewnątrz znacznika <HEAD> </HEAD> można znaleźd inne znaczniki takie, jak: a) <TITLE></TITLE> - wewnątrz znajduje się tytuł strony, który ukazuje się w belce tytułowej (na samej górze) przeglądarki. <TITLE>Pierwszy program</title> b) <META> - nie zawiera znacznika zakooczenia. Za jego pomocą przeglądarka zostaje poinformowana o zawartości dokumentu, np. dla celów katalogowych czy indeksów, wykorzystywanych przez odpowiednie programy. Zawiera trzy atrybuty: HTTP-EQUIV, NAME i CONTENT w kombinacji pierwszy z trzecim lub drugi z trzecim. Przykładowe zastosowania <META>: <META HTTP-EQUIV="Refresh" CONTENT="x"> Powyższe polecenie spowoduje regularne odświeżanie strony co x sekund. Może to mied zastosowanie w przypadku, gdy strona zawiera informacje, które są często aktualizowane (kilka razy dziennie). Gdy użytkownik przegląda stronę przez jakiś czas, strona sama aktualizuje się co określony odstęp czasu. <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=windows-1250">
Deklaruje ono stronę kodową dokumentu. Inną postacią jest charset=iso-8859-2. Przy zastosowaniu tej komendy nie ma potrzeby interwencji ze strony użytkownika, który nie musi nawet wiedzied, z jakim standardem kodowania polskich znaków ma do czynienia. c) <BASE> - definiuje bazowy adres dokumentu. <BASE HREF="http://www.serwer.pl/strona.html"> Czasami zdarza się, że dokumenty, w ramach porządku robionego na serwerze, przenoszone są do innych miejsc. Gdy dokument został przeniesiony, może zdarzyd się, że odsyłacz straci swoją aktualnośd. Wtedy przeglądarka będzie odnosid wszystkie odsyłacze do nowego położenia dokumentu. W takiej sytuacji najwygodniejszym rozwiązaniem jest wykorzystanie znacznika <BASE> w nagłówku przenoszonej strony. ZNACZNIK <BODY> </BODY> Jest to znacznik umieszczany wewnątrz znaczników HTML, podobnie jak HEAD. Wewnątrz tego znacznika znajduje się główna częśd dokumentu. Znacznik <BODY> posiada kilka atrybutów, których wartości decydują o graficznym wyglądzie strony: a) BACKGROUND="obrazek.gif" - ustala tło strony, w naszym przypadku jest nim plik graficzny 'obrazek.gif'. <BODY BACKGROUND="tło.gif"> b) BGCOLOR=kolor - określa kolor tła dokumentu, który w razie braku tła w postaci pliku graficznego, znajdzie się pod tekstem, itp. Dopuszczalne wartości to w formie tekstowej, np. "obrazek.gif" lub w
formie liczbowej, np. "#1177FF", gdzie dwie pierwsze liczby (hex) to zawartośd koloru czerwonego w tle, dwie następne - zielonego, i dwie ostatnie - niebieskiego. Przykłady: <BODY BGCOLOR="yellow"> lub <BODY BGCOLOR="#AA8844"> c) TEXT=kolor - określa kolor tekstu dokumentu. Przy wyborze koloru tekstu, należy kierowad się kolorem tła, aby nie były takie same lub zbliżone. Należy pamiętad, że tekst na stronie ma byd czytelny i nie powinien razid czytelnika. Możliwe wartości, jakie może przyjąd atrybut TEXT, są takie same jak w przypadku atrybutu BGCOLOR. Przykłady: <BODY TEXT="black"> lub <BODY TEXT="#001122"> d) Znaczniki określające kolory odsyłaczy: LINK=kolor - określa kolor odsyłaczy. Wartości dopuszczalne: podobnie jak w przypadku atrybutu BGCOLOR. VLINK=kolor - określa kolor odwiedzonego (użytego) odsyłacza. Wartości dopuszczalne: podobnie jak w przypadku atrybutu BGCOLOR. (visited link) ALINK=kolor - określa kolor odsyłacza aktywnego. Następuje to w czasie ładowania dowiązanego do niego dokumentu. Wartości dopuszczalne: podobnie jak w przypadku atrybutu BGCOLOR. (active link)
Przykłady: <BODY LINK="blue" VLINK="purple" ALINK="yellow"> <BODY LINK="#0000FF" VLINK="#7700FF" ALINK="#AAFF33"> e) LEFTMARGIN=xx - IExplorer pozwala określid lewy margines strony. Wartośd podajemy w pikselach. <BODY LEFTMARGIN="5"> f) TOPMARGIN=yy - podobnie jak w przypadku atrybutu LEFTMARGIN można określid górny margines strony. Wartośd podajemy w pikselach. <BODY TOPMARGIN="10">