Page 16 - Informatyka na czasie ZP1
P. 16
Rozdział 4. Strony WWW i grafika komputerowa
Podstawowa struktura Podstawowa struktura strony internetowej, od której zaczynamy
strony internetowej
kodowanie, wygląda następująco:
1. <!DOCTYPE html>
2. <html lang="pl">
3. <head>
4. <meta charset="UTF-8">
5. <title>Tytuł strony WWW</title>
6. </head>
7. <body>
8. </body>
9. </html>
Zapis <!DOCTYPE html> w pierwszej linii informuje przeglądarkę
Warto wiedzieć
W podstawowej strukturze o tym, że wyświetlany przez nią dokument to plik HTML. W drugiej
strony wykorzystuje linii wprowadzono znacznik <html>, który otwiera zawartość całej
się poniższe znaczniki strony. Umieszczono w nim atrybut lang z wartością pl, co oznacza,
i atrybuty:
meta (ang. metadata – że językiem strony będzie język polski. W części HEAD (linie 3–6)
metadane) – pozwala umieszczono znacznik <meta>, zawierający informacje o kodowaniu
opisać zawartość strony, znaków, oraz znacznik <title>, który wyświetla tytuł strony WWW.
lang (ang. language –
język) – określa język strony, Zwróć uwagę, że znaczniki w tej części zostały wpisane z wcięciem.
charset (ang. character Jest to bardzo dobra praktyka, która ułatwia czytanie kodu i znajdo
set – zestaw znaków) – wanie w nim błędów.
określa sposób kodowania
treści na stronie. W części HEAD wprowadza się również metadane opisujące stronę,
takie jak nazwisko autora, słowa kluczowe i opis strony. Wykorzystuje
się do tego znacznik <meta> z atrybutami name i content:
1. <meta name="author" content="Jan Kowalski">
2. <meta name="keywords" content="HTML, CSS">
3. <meta name="description" content="Kurs HTML i CSS">
Część BODY na razie jest pusta – jeśli wpiszemy tu dowolny tekst,
wyświetli się on w przeglądarce. Całość kodu strony zamyka znacznik
</html>. Przeglądarka internetowa interpretuje kolejne linie kodu zapi
sane w pliku i wyświetla jako stronę WWW.
Zapamiętaj
Strona WWW składa się z dwóch zasadniczych części: HEAD
i BODY. Pierwsza odpowiada za opis strony, druga – za jej
zawartość. Obie te części znajdują się między znacznikami <html>
i </html>, oznaczającymi początek i koniec strony internetowej.
Dobra rada
Dłuższa praca
w środowisku tekstowym
może męczyć oczy. Aby Ćwiczenie 2
temu zaradzić, możesz W pliku index.html utworzonym w ćwiczeniu 1 wpisz kod podstawo
zmienić kolorystykę okna
programu. Sprawdź, czy wej struktury strony internetowej. W części BODY wpisz wybrany
w ustawieniach edytora, przez siebie tekst. Następnie zapisz plik i uruchom go w przeglądarce.
którego używasz, możesz
wybrać opcję ciemnego
motywu (stylu) okna.
172