abc html.pdf

(904 KB) Pobierz
C:\Andrzej\PDF\ABC nagrywania p³yt CD\1 strona.cdr
IDZ DO
ABC HTML
SPIS TRECI
KATALOG KSI¥¯EK
Autor:
ISBN: 83-7197-835-9
Format: B5, stron: 192
Maria Sokó³
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
£atwy start dla nowicjuszy, którzy w krótkim czasie staj¹ siê profesjonalistami oraz
przystêpne wyjanienie najwa¿niejszych terminów: Internet, HTML, WWW.
Ksi¹¿ki Marii Sokó³ ciesz¹ siê podobnym zainteresowaniem i zdobywaj¹ podobne opinie,
jak publikacje Laury Lemay (HTML 4. Vademecum profesjonalisty, Helion). I tym
razem polska autorka daje dowód umiejêtnoci przekazywania wiedzy na trudne tematy.
W ksi¹¿ce z serii ABC, przeznaczonej dla pocz¹tkuj¹cych, zaprezentowa³a m.in.
nastêpuj¹ce zagadnienia:
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOCIACH
" " " " " "
Znaczniki HTML.
Kaskadowe arkusze stylów.
Osadzanie obrazów.
Tworzenie tabel.
Ramki i uk³ady ramek.
Ró¿nice pomiêdzy jêzykiem HTML, a now¹ specyfikacj¹ XHTML.
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wiedzê teoretyczn¹ doskonale uzupe³niaj¹ liczne przyk³ady ilustruj¹ce jêzyk HTML.
Dziêki nim szybko nauczysz siê tworzenia stron WWW w czystym kodzie HTML.
Póniej  pozostanie tylko rozwiniêcie skrzyde³ fantazji, by tworzyæ serwisy, które
zdobêd¹ uznanie i za które otrzymasz wymarzone honorarium.
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
311342227.004.png 311342227.005.png 311342227.006.png
Wstp ...............................................................................................5
Rozdział 1. Informacje podstawowe......................................................................7
Zacznijmy od A...................................................................................................................7
Od historii do teraniejszoci..............................................................................................9
Definicja typu dokumentu — DTD...................................................................................10
Zapisywanie dokumentów HTML w edytorze i otwieranie w przegl)darce......................11
Troch* treningu .................................................................................................................13
Najwa-niejsze informacje .................................................................................................13
Rozdział 2. Internet, strona WWW i znaczniki HTML...........................................15
World Wide Web i strona WWW .....................................................................................15
Znaczniki...........................................................................................................................16
Elementy dokumentu HTML ............................................................................................17
Kodowanie polskich znaków ............................................................................................20
Najwa-niejsze informacje .................................................................................................21
Rozdział 3. Znaczniki HTML formatuj%ce tekst
i nadaj%ce struktur dokumentowi HTML..........................................23
Nagłówki i akapity tekstu..................................................................................................23
Trzy rodzaje list.................................................................................................................34
Najwa-niejsze informacje .................................................................................................40
Rozdział 4. Podstawy kaskadowych arkuszy stylów............................................43
Ogólne informacje na temat kaskadowych arkuszy stylów ..............................................43
Komentarze CSS ...............................................................................................................49
Styl wpisany......................................................................................................................50
Osadzony arkusz stylów....................................................................................................51
Zewn*trzny arkusz stylów.................................................................................................57
Rozci)ganie stylu ..............................................................................................................59
Wydzielone bloki ..............................................................................................................62
Przykłady stylów CSS dla tła strony WWW........................................................................64
Atrybuty stylu odnosz)ce si* do tekstu.............................................................................68
Najwa-niejsze informacje .................................................................................................75
Rozdział 5. Obrazy w dokumencie HTML.............................................................79
Najwa-niejsze informacje .................................................................................................90
Rozdział 6. Poł%czenia.......................................................................................93
Uniform Resource Locator................................................................................................93
Ulokowanie dokumentu a cie-ka dost*pu .......................................................................94
Definiowanie poł)cze=......................................................................................................96
311342227.007.png
4
ABC jzyka HTML
Definiowanie poł)czenia z inn) stron)..............................................................................99
Zakotwiczenia .................................................................................................................105
Wi*cej o obrazach pełni)cych funkcj* poł)cze=.............................................................109
Poł)czenia z archiwami FTP...........................................................................................115
Najwa-niejsze informacje ...............................................................................................115
Rozdział 7. Tabele HTML..................................................................................117
Elementy konstrukcyjne tabeli........................................................................................132
Najwa-niejsze informacje ...............................................................................................134
Rozdział 8. Ramki i układy ramek....................................................................137
Najwa-niejsze informacje ...............................................................................................149
Rozdział 9. HTML a XHTML..............................................................................151
Dodatek A Znaczniki HTML i ich funkcje..........................................................157
Dodatek B Podstawowe moduły kodu HTML....................................................181
Dodatek C Atrybuty standardowe....................................................................185
Dodatek D Kolory w HTML ..............................................................................187
Rozdział 2.
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 Interne-
tem. 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$ okre"la tym mianem tak.e komputer,
na którym zainstalowano ten program. Serwer jest odpowiedzialny za realizacj$ .dania
przesłania dokumentów do tego komputera, który wystpił z takim .daniem. Jest tak.e
konieczny do publikowania 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 stano-
wi jedno ze 1ródeł informacji.
Co musisz zrobi, eby przeglda strony WWW?
Aby przeglda strony WWW, konieczne jest nawizanie połczenia z Internetem — za
po"rednictwem modemu lub łcza stałego — i uruchomienie specjalnego programu,
który nazywa si$ przegldark — najpopularniejsze przegldarki to Netscape Navigator
i Internet Explorer. Przegldark$ nale.y poinformowa, gdzie ma szuka danych. Infor-
macja ta zawarta jest w adresie URL.
311342227.001.png
16
ABC jzyka HTML
Co to jest adres URL?
URL — to skrót od Uniform Resource Locator, co mo.na przetłumaczy jako „uniwersalny
identyfikator zasobów”. Jego posta jest mniej wi$cej taka: http://www.dobrastrona.com/.
Adres ten wpisujesz najcz$"ciej w polu adresu przegldarki (patrz rysunek 2.1). Prze-
gldarka wysyła do komputera (serwera), którego adres podałe", wiadomo" zawie-
rajc .danie strony. Serwer pobiera odpowiednie dane i przekazuje je wyst$pujcemu
o nie komputerowi.
Rysunek 2.1.
Pole adresu
przegldarki —
tu wpisujesz adres URL
strony, której zawarto
chcesz wywietli
w przegldarce
Co przegldarka zrobi z danymi, które otrzyma od serwera?
Dane, które trafiły do Twojej przegldarki, s zakodowane w specjalny sposób — s
zapisane w j$zyku HTML. Przegldarce to nie przeszkadza — potrafi ona interpretowa
ten kod, wi$c wy"wietla pobran stron$ na Twoim ekranie. J$zyk HTML informuje
przegldark$, 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 tego j$zyka.
Znaczniki
Je"li wy"wietlisz kod 1ródłowy strony WWW, zobaczysz, .e zawiera on szereg polece@
j$zyka HTML umieszczonych w nawiasach ktowych. Twory te nosz nazw$ znaczników.
Jak wygldaj znaczniki?
Znaczniki stosowane s zazwyczaj w parach:
, np. . Zwró uwag$ na uko"nik ( ), który odró.nia znacznik
zamykajcy od otwierajcego. Od zasady wyst$powania znaczników w parach istniej
wyjtki. Oto niektóre z nich:
— znacznik akapitu. Wprawdzie istnieje znacznik zamykajcy ( ),
ale pomini$cie go nie spowoduje bł$du w działaniu strony; stosuj ten
znacznik, aby rozpocz nowy akapit.
— znacznik nowego wiersza.
— znacznik umo.liwiajcy dodanie linii poziomej.
Par$ znaczników (lub znacznik pojedynczy, je"li nie ma on znacznika zamykajcego)
nazywa si$ tak.e elementem. Element pozbawiony znacznika zamykajcego nazywa
si$ pustym. Mo.e on zawiera jedynie atrybuty.
311342227.002.png 311342227.003.png
Zgłoś jeśli naruszono regulamin