Język HTML
Język HTML (ang. HyperText Markup Language - hipertekstowy język znaczników) - system formatowania dokumentów.
Do utworzenia pliku HTML wystarczy dowolny edytor tekstu, może to być nawet Notatnik systemu Windows. Korzystając z takiego prostego edytora, sami musimy pamiętać o wpisywaniu odpowiednich znaczników. Specjalizowane edytory HTML posiadają dodatkowe funkcje, np. sprawdzają poprawność znaczników, odpowiednio je kolorują.
Aby utworzyć stronę w języku HTML należy zapisać jej kod w pliku z rozszerzeniem htm lub html. Taki plik możemy następnie otworzyć w przeglądarce internetowej, aby zobaczyć efekty naszej pracy.
Jeżeli strona ma zostać umieszczona w Internecie, należy pamiętać o następujących zasadach nazywania plików:
nie używamy w nazwach plików polskich znaków diakrytycznych,
nie używamy w nazwach znaków spacji,
używamy tylko małych liter (większość serwerów www oparta jest na systemie operacyjnym Linux, który w nazwach plików rozróżnia małe i wielkie litery)
Znaczniki
Język HTM jest językiem znaczników. Oznacza to, że do tekstu, który chcemy umieścić na stronie www, wstawiamy specjalne polecenia (znaczniki). Definiują one wygląd (np. kolor tekstu, sposób wyrównywania akapitu), a także znaczenie elementów strony (np. określają, które elementy strony mają pełnić funkcję hiperłącza).
Znaczniki języka HTML to ciąg znaków zapisany w nawiasach kątowych, np.: <img src=”rysunek.gif”>
Większość znaczników posiada dwie postacie: otwierającą i zamykającą. Postać zamykająca różni się od otwierającej jedynie występowaniem ukośnika („/”) po pierwszym nawiasie kątowym. Na przykład dla znacznika <body> odpowiadającym mu znacznikiem zamykającym będzie </body>.
Struktura pliku
Kod strony zawarty jest między znacznikami <html> i </html>, które powinien zawierać każdy dokument HTML. Wyróżnić możemy dwie sekcje - nagłówek (zawarty między znacznikami <head> i </head> i treść (umieszczona między znacznikami <body> i </body>).
W nagłówku umieszczamy znaczniki zawierające dodatkowe informacje na temat strony i decydujące o sposobie jej wyświetlania. W przykładowym kodzie przedstawionym poniżej umieściliśmy znacznik <title>. Określa on tytuł strony wyświetlany na pasku tytułowym okna przeglądarki.
W sekcji <body> znajduje się treść strony wyświetlana przez przeglądarkę. Możemy tam umieszczać test, rysunki i inne obiekty - wszystko, co ma zobaczyć odbiorca naszej strony.
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
<p>To jest moja pierwsza strona</p>
<body>
</html>
Kodowanie polskich znaków
W nagłówkach strony , oprócz wspomnianego wcześniej znacznika <title>, możemy umieszczać wiele innych znaczników opisujących stronę. Najważniejszym z nich jest nagłówek określający kodowanie strony.
<head>
<title>…</title>
<meta http-equiv=”Content-Type” content=”text/html; charset=iso-8859-2”>
</head>
Podana przez nas postać nagłówka informuje przeglądarkę, że polskie znaki w pliku HTML zapisane zostały w standardzie ISO-8859-2, który jest powszechnie używany w polskim Internecie. Jeżeli jednak utworzymy stronę w Notatniku i dodamy do niej taki nagłówek, zauważymy że polskie znaki nie będą poprawnie wyświetlane w przeglądarkach internetowych. Związane jest to z faktem, że Notatnik zapisuje polskie znaki w standardzie Windows-1250. Dlatego w przypadku stron utworzonych w Notatniku dodajemy nagłówek
<meta http-equiv=”Content-Type” content=”text/html; charset=Windows-1250”>
1