M. Sokół - ABC językaHTML - Rozdział II - Internet, ebooki, KURS HTML
[ Pobierz całość w formacie PDF ]
Rozdział 2.
Internet, strona WWW i
znaczniki HTML
World Wide Web i strona WWW
Co to jest World Wide Web?
World Wide Web (w skrócie WWW) to sieć komputerów nazywana popularnie Internetem.
Tworzą ją komputery z całego świata. Komputery te porozumiewają się ze sobą za pośrednictwem
protokołu HTTP.
Jak to działa?
Wszelkie informacje umieszczone w sieci zapisane są w dokumentach zwanymi stronami WWW.
Strona WWW to dokument utworzony za pomocą języka HTML. Gotowe strony WWW
zapisywane są na specyficznym komputerze, który nazywamy serwerem. Serwer to właściwie
program, ale przyjęło się nazywać tym mianem takŜe komputer, na którym go zainstalowano.
Serwer jest odpowiedzialny za realizację Ŝądania przesłania dokumentów do tego komputera,
który wystąpił z takim Ŝądaniem. Jest takŜe konieczny do opublikowania dokumentów w
Internecie. Internet z kolei stanowi sieć komputerów połączonych ze sobą. Oczywiście nie
fizycznie. Komputery mogą jednak komunikować się ze sobą i przesyłać sobie dane, czyli
informacje. Strony WWW stanowią jedno ze źródeł informacji.
Co musisz zrobić, Ŝeby przeglądać strony WWW?
Aby przeglądać strony WWW, konieczne jest nawiązanie połączenia z Internetem – za
pośrednictwem modemu lub łącza stałego – i uruchomienie specjalnego programu, który nazywa
się
przeglĄdarkĄ
– najpopularniejsze przeglądarki to Netscape Navigator i Internet Explorer.
Przeglądarkę naleŜy poinformować, gdzie ma szukać danych. Informacja ta zawarta jest w adresie
URL
.
Co to jest adres URL?
URL – to skrót od
U
niform
R
esource
L
ocator, co moŜna przetłumaczyć jako „uniwersalny
identyfikator zasobów”. Jego postać jest mniej więcej taka:
.
Adres ten wpisujesz najczęściej w polu adresu przeglądarki (patrz rysunek 2.1). Przeglądarka
wysyła wiadomość do komputera, którego adres podałeś (serwera), zawierającą Ŝądanie strony.
Serwer pobiera odpowiednie dane i przekazuje je występującemu o nie komputerowi.
Rys. 2.1.
Pole adresu przeglądarki –
tu wpisujesz adres URL
strony, której zawartość
chcesz wyświetlić w
przeglądarce
Co przeglądarka zrobi z danymi, które otrzyma od serwera?
Dane, które trafiły do Twojej przeglądarki, są zakodowane w specjalny sposób – są zapisane w
języku HTML. Przeglądarce to nie przeszkadza – potrafi ona interpretować ten kod, więc
wyświetla pobraną stronę na Twoim ekranie. Język HTML informuje przeglądarkę jak ma
obsłuŜyć pobrane dane.
Tak więc sam widzisz, jak waŜny jest język HTML. Dotrzemy teraz do jego istoty – zajmiemy się
znacznikami HTML.
Znaczniki
Jeśli wyświetlisz kod źródłowy strony WWW, zobaczysz, Ŝe zawiera on szereg poleceń języka
HTML umieszczonych w nawiasach kątowych. Twory te noszą nazwę
znaczników
.
Jak wyglądają znaczniki?
Znaczniki stosowane są zazwyczaj w parach (zwróć uwagę na ukośnik, /, który odróŜnia znacznik
zamykający od otwierającego):
<znacznik otwierający>, </znacznik zamykający>
, np.
<html>, </html>
, ale
są wyjątki. Oto niektóre z nich:
o
<p>
– znacznik akapitu (w zasadzie istnieje znacznik zamykający, </p>, ale
pominięcie go nie spowoduje błędu w działaniu strony; stosuj ten znacznik, aby
rozpocząć nowy akapit),
o
<br>
– znacznik nowego wiersza
o
<hr>
– znacznik umoŜliwiający dodanie na stronie linii poziomej.
Parę znaczników (lub znacznik pojedynczy, jeśli nie ma on znacznika zamykającego) nazywa się
takŜe elementem. Element pozbawiony znacznika zamykającego nazywa się pustym. MoŜe on
zawierać jedynie atrybuty.
Jaka jest funkcja znaczników?
Znaczniki informują przeglądarkę, jak wyświetlić stronę na ekranie.
Wielkie czy małe litery w znacznikach?
Znaczniki nie są wraŜliwe na wielkość liter. Oznacza to, Ŝe <body> to to samo co <BODY>.
Warto jednak zacząć przyzwyczajać się do małych liter. Są one zalecane w rekomendacji W3C
specyfikacji HTML 4, a w specyfikacji XHTML są wymagane.
Co to są atrybuty znaczników i jaka jest ich funkcja?
Atrybuty znaczników dostarczają dodatkowych informacji o elementach strony definiowanych
poprzez znaczniki. Jeśli na przykład chciałbyś, aby Twoja strona miała tło w kolorze zielonym,
wystarczy, Ŝe poinformujesz o tym przeglądarkę dodając do znacznika
<body>
odpowiedni
atrybut:
<body bgcolor="green">
. Atrybut definiowany jest za pomocą pary:
atrybut=”
wartoŚĆ
”
i umieszczany zawsze w znaczniku otwierającym danego elementu HTML.
Wartości naleŜy podawać w cudzysłowie – pojedynczym,
‘ ’
, lub podwójnym,
” ”
.
Elementy dokumentu html
Pewne znaczniki pełnią szczególne funkcje. Tworzą bowiem podstawowy szkielet dokumentu
html.
Jaka jest ta podstawowa postać kodu HTML dokumentu html?
Otwórz
Notatnik
lub edytor
Webber
i wpisz w nim następujący tekst (Wydruk 2.1) – jest to
podstawowy, najprostszy szkielet dokumentu html:
Wydruk 2.1. Podstawowy szkielet dokumentu html
<html>
<head>
<title>Tytuł strony</title>
</head>
<body>
To jest moja pierwsza strona WWW.
</body>
</html>
Zapisz plik pod nazwą
mojastrona.html
, uruchom przeglądarkę i otwórz w niej swój plik
(wybierz w menu
File
lub
Plik
– w zaleŜności od wersji językowej – pozycję
Open
,
Open File
lub
Otwórz
). W przeglądarce wyświetlone zostanie
tylko
zdanie
To jest moja pierwsza
strona WWW.
Reszta tekstu nie pojawi się – to kod dla przeglądarki informujący ją, co ma z
dokumentem zrobić (patrz rysunek 2.2).
Rys. 2.2.
Zapisz dokument
HTML i otwórz go w
przeglądarce – oto
Twoja pierwsza strona
WWW
Jakie znaczenie mają poszczególne wyraŜenia kodu z wydruku 2.1?
Pierwszym znacznikiem w Twoim dokumencie HTML jest znacznik
<html>
. Informuje on
przeglądarkę, Ŝe jest to
poczĄtek dokumentu HTML
. Ostatnim znacznikiem kodu jest znacznik
</html>
– jak juŜ wiesz, jest to znacznik zamykający i informuje on przeglądarkę, Ŝe na nim
koŃczy siĘ dokument HTML
.
Znaczniki
<html>
i
</html>
informują, Ŝe wszystko, co znajduje się między nimi stanowi
dokument HTML. Nową stronę będziesz zawsze rozpoczynał od znacznika
<html>
i kończył ją
znacznikiem
</html>
.
Znaczniki
<head>
i
</head>
wyznaczają element strony, który nosi nazwę
nagłówka
.
Zawartość nagłówka nie jest wyświetlana na stronie WWW. Zwróć jednak uwagę na pasek tytułu
okna przeglądarki, w którym wyświetliłeś swoją pierwszą stronę WWW. Tekst, który wpisałeś
między znacznikami
<title></title>
, pojawia się na pasku tytułu tego okna. Strona moŜe
mieć tylko jeden tytuł, a ten z kolei moŜe zawierać tylko tekst – Ŝadne inne znaczniki nie są tu
dozwolone. Tytuł nie moŜe być zbyt długi, bo nie zmieści się na pasku tytułu, ale nie przesadź teŜ
w odwrotną stronę, aby dać szansę przypadkowym czytelnikom zorientować się jaka jest tematyka
strony.
Pierwszym elementem strony jest
nagłówek
. Jego ramy wyznacza para
<head>, </head>
. Między
tymi znacznikami umieszczany jest kod definiujący tytuł strony. W Ŝadnym wypadku nie naleŜy tu
umieszczać treści strony!
Strona WWW ma oczywiście swoją zawartość. W przykładzie umieściliśmy ją między
znacznikami
<body>, </body>
. One właśnie wyznaczają drugi element strony WWW – obszar
treści.
Para
<body>
,
</body>
wyznacza podstawową część strony – tu twórca strony WWW umieszcza
wszystko: treść, obrazy, połączenia, itd.
Elementy strony WWW często nazywa się od angielskich nazw znaczników sekcją
head
i sekcją
body
. Potrafisz juŜ je zdefiniować, potrafisz wyświetlić na ekranie przeglądarki tekst. Pora, abyś
poznał nowe znaczniki i nauczył się kontrolować wygląd wyświetlanego na ekranie tekstu oraz
nadawać mu określoną strukturę.
Co to jest element meta?
Element
head
zawiera ogólne informacje na temat dokumentu. Umieszczane są one między
innymi w znaczniku
<meta>
. Najczęściej są to informacje przydatne przeglądarkom lub słowa
kluczowe wykorzystywane przez serwisy wyszukujące (coraz rzadziej jednak). W znaczniku
<meta>
moŜna na przykład umieścić adres
url
, pod który przeglądarka ma się skierować, aby
wyświetlić nową wersję strony WWW, lub opis dokumentu.
Do czego słuŜą atrybuty znacznika <meta>?
Niektóre serwisy wyszukujące korzystają z atrybutów znacznika
<meta>
przy indeksowaniu
dokumentów.
Atrybuty opisują dokument i dostarczają słów kluczowych. I tak atrybut
name
określa sposób
opisu dokumentu dostarczony w atrybucie
content
.
Oto przykład elementu
meta
, który definiuje opis strony (
name="description"
):
<meta name="description" content="Strona poświęcona kotom i innym
futrzakom">
Oto przykład elementu
meta
, który zawiera słowa kluczowe, charakteryzujące zawartość strony
WWW (
name="keywords"
):
<meta name="keywords" content="HTML, DHTML, CSS, XML, XHTML, JavaScript,
VBScript">
Oto przykład dokumentu html, w którym za pomocą elementu meta umieszczono informacje o
autorze strony, dacie ostatniej modyfikacji dokumentu oraz o stosowanym oprogramowaniu (patrz
wydruk 2.2).
Wydruk 2.2. Atrybuty znacznika <meta>
<html>
[ Pobierz całość w formacie PDF ]