html5. Ćwiczenia praktyczne scan, ebooki7
[ Pobierz całość w formacie PDF ]
Spis treci
Wstp
5
Rozdzia 1.
Wprowadzenie
7
Podstawowe informacje o jzyku HTML
8
Znaczniki i atrybuty
9
Najwaniejsze rónice i zasady
10
Niezbdne narzdzia i programy
14
Rozdzia 2.
Struktura dokumentu HTML5
21
Elementy podstawowe
21
Nagówek dokumentu
24
Ciao dokumentu
32
Rozdzia 3.
Elementy jzyka HTML5
37
Komentarze
37
Elementy blokowe
38
Elementy wstawiane
54
Elementy osadzone (grafika, multimedia, aplikacje)
62
Hipercza
78
Tabele
86
Formularze
99
Rozdzia 4.
Kaskadowe arkusze stylów
125
Wprowadzenie
126
Style w praktyce
137
4
HTML5 • wiczenia praktyczne
Rozdzia 5.
Praktyczne projekty
167
Szkielet strony
167
Obstylowanie
171
Walidacja
175
Dodatek
Przydatne adresy
181
Formularz oparty na skrypcie FormMail
182
Podsumowanie
187
2
Struktura
dokumentu HTML5
Po nieco przydugim, ale koniecznym wstpie przysza naj-
wysza pora, aby pozna konkretne znaczniki, ich atrybuty oraz
struktur dokumentu, który wykorzystuje propozycje znajdujce
si w pitej specyfikacji jzyka HTML. Zanim jednak zaczniesz testo-
wa opisane poniej elementy, upewnij si, e na Twoim komputerze
zainstalowano najnowsz wersj jednej z wiodcych przegldarek.
W dalszej czci bd korzysta z rónych przegldarek, poniewa
musisz mie wiadomo, e nie kady nowy znacznik dziaa popraw-
nie w kadej przegldarce. O ewentualnych rónicach i problemach
bd Ci informowa, gdy zajdzie taka potrzeba.
Elementy podstawowe
Kady dokument HTML ma cile okrelony szkielet, który nie zmie-
nia si w zalenoci od zawartoci strony. Oczywicie szkielet dla
strony zbudowanej na podstawie HTML5 róni si od tego wykorzysty-
wanego w stronach bazujcych na wczeniejszych wersjach jzyka
HTML czy XHTML. Opierajc si na poniszym przykadzie, przepro-
wadz analiz podstawowej struktury witryny wykonanej w zgodzie
z zaleceniami nowej specyfikacji.
22
HTML5 • wiczenia praktyczne
<!doctype html>
<html>
<head>
</head>
<body>
</body>
</html>
Pierwszym wspólnym i obowizkowym elementem szkieletu strony
jest wpis okrelajcy rodzaj jzyka uytego do jej stworzenia. W przy-
padku strony wykorzystujcej jzyk HTML5 pierwszy wpis przybiera
nastpujc posta:
<!doctype html>
W poprzedniej wersji jzyka HTML oznaczonej numerem 4.01 zapis
mia znacznie bardziej skomplikowan i rozbudowan posta. Listing
widoczny poniej pokazuje przykad zapisu stosowanego w przypadku
strony dokadnie trzymajcej si specyfikacji HTML 4.01.
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
Warto w tym miejscu nadmieni, e równolegle istniay jeszcze inne zapisy
uywane w przypadku stron korzystajcych z ramek czy okrelajce
swobodne stosowanie wytycznych HTML 4.01. Na szczcie wraz
z propozycj nowej wersji specyfikacji uproszczono zapis, dziki czemu
atwiej go zapamita i jest on duo czytelniejszy.
Kolejnym obowizkowym elementem w strukturze dokumentu jest
znacznik
<html></html>
, który odpowiada za okrelenie ram tworzonego
dokumentu. Wszystkie elementy umieszczone pomidzy
<html></html>
to waciwa zawarto strony WWW.
Nastpnym w kolejnoci znacznikiem tworzcym struktur dokumentu
jest
<head></head>
. Jest on odpowiedzialny za okrelenie podstawo-
wych waciwoci strony, takich jak strona kodowa, tytu, informacje
o autorze oraz sowa kluczowe i opis strony. Dokadne informacje na
temat zawartoci znajdziesz w dalszej czci niniejszego rozdziau.
Bezporednio po znaczniku zamykajcym
</head>
znajduje si
<body>
</body>
, we wntrzu którego zamieszczamy ca widoczn tre
strony. Mówic jeszcze prociej, tylko to, co jest umieszczone pomidzy
znacznikami
<body></body>
, jest wywietlane w oknie przegldarki.
Pozostae elementy to polecenia wpywajce na zachowanie przegl-
[ Pobierz całość w formacie PDF ]