HTML_i_XHTML_cwiczenia_praktyczne_cwhtxh.pdf

(413 KB) Pobierz
IDZ DO
PRZYK£ADOWY ROZDZIA£
SPIS TREŒCI
HTML i XHTML.
Æwiczenia praktyczne
Autor: Bartosz Danowski
ISBN: 83-246-0568-1
Format: A5, stron: oko³o 170
KATALOG KSI¥¯EK
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
DODAJ DO KOSZYKA
Posiadanie w³asnej strony WWW przesta³o byæ czymœ niezwyk³ym. Mechanizmy
oferowane przez wiêkszych dostawców us³ug internetowych pozwalaj¹ na jej
stworzenie bez znajomoœci jêzyka HTML. Wystarczy wybraæ odpowiedni szablon,
dodaæ do niego treœæ oraz grafikê i… gotowe. Jednak takie rozwi¹zanie zdecydowanie
ogranicza mo¿liwoœci twórcze i nie gwarantuje, ¿e strona bêdzie zapadaæ w pamiêæ
odwiedzaj¹cym j¹ osobom. Poznanie jêzyka HTML i mo¿liwoœci oferowanych przez
technologiê CSS sprawi, ¿e Twoja strona bêdzie siê wyró¿niaæ na tle innych— nadasz jej
indywidualny styl, a dodatkowo samodzielne stworzenie w³asnej witryny WWW da Ci
ogromn¹ satysfakcjê.
Dziêki ksi¹¿ce „HTML i XHTML. Æwiczenie praktyczne” poznasz podstawowy „budulec”
stron WWW — jêzyk HTML i jego wersjê rozwojow¹, nazywan¹ XHTML. Dowiesz siê,
z jakich elementów sk³ada siê kod strony WWW, oraz nauczysz siê korzystaæ ze
znaczników w celu rozmieszczenia elementów tekstowych i graficznych na stronie.
Przeczytasz te¿ o kaskadowych arkuszach stylów — poznasz sposoby ich definiowania
i przypisywania elementom strony.
• Niezbêdne narzêdzia webmastera
• Definiowanie strony kodowej, s³ów kluczowych i opisu strony
• Formatowanie tekstu, list, tabel i ³¹czy
• Tworzenie formularzy
• Wstawianie na stronê elementów graficznych
• Definiowanie stylów dla tekstu
• Testowanie witryny w ró¿nych przegl¹darkach
Przestañ byæ biernym u¿ytkownikiem sieci. Stwórz w³asn¹ stronê WWW
Wydawnictwo Helion
ul. Chopina 6
44-100 Gliwice
tel. (32)230-98-63
e-mail: helion@helion.pl
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
O NOWOŒCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wstęp
Rozdział 1. Wprowadzenie
Podstawowe różnice pomiędzy HTML a XHTML
Potrzebne narzędzia — edytory, programy graficzne
i przeglądarki
5
7
9
11
Rozdział 2. Podstawy
Elementy podstawowe
Nagłówek dokumentu
Ciało dokumentu
Uwagi końcowe
19
19
24
32
33
Rozdział 3. Elementy języków XHTML i HTML
Komentarze
Tekst
Listy
Hiperłącza
Elementy graficzne
Tabele
Formularze
Ramki
Uwagi końcowe
35
35
36
44
47
54
59
68
77
82
4
HTML i XHTML.
Ć
wiczenia praktyczne
Rozdział 4. Kaskadowe arkusze stylów
Instalacja
Wprowadzenie
Style w praktyce
Wybrane właściwości tekstu
Wybrane właściwości czcionki
Wybrane właściwości list
Wybrane właściwości koloru i tła
Wybrane właściwości marginesów
Wybrane właściwości obramowania
Wymiarowanie elementów
Wybrane właściwości pozycjonowania elementów
83
83
84
95
96
101
106
108
111
113
116
118
Rozdział 5. Praktyczne projekty
Strona książki
123
123
Rozdział 6. Testowanie
Poprawność wyświetlania
Zgodność ze specyfikacją
137
137
138
Podsumowanie
Dodatek
143
145
W trakcie pracy nad dużymi dokumentami stosuj komentarze.
Są bardzo przydatne, zwłaszcza gdy nad jedną stroną pracuje
kilku projektantów. Pozwoli to uniknąć zbędnego zamieszania.
Komentarze bardzo ułatwiają poruszanie się po samym kodzie. Do
umieszczenia komentarza służy:
<!--Tu znajduje się komentarz do naszej strony-->
Komentarz nie ma wpływu na wyświetlany dokument, a jego zawar-
tość jest zwyczajnie ignorowana przez każdą przeglądarkę.
Unikaj stosowania zbyt rozbudowanych komentarzy, gdyż niepotrzebnie
zwiększa to rozmiar dokumentu, który musi zostać pobrany przez
przeglądarkę. Poza tym zbyt duża liczba komentarzy oraz rozbudowana
treść mogą zostać uznane przez wyszukiwarki internetowe za spam
— próbę oszustwa — co zazwyczaj owocuje usunięciem witryny z indeksu.
36
HTML i XHTML.
Ć
wiczenia praktyczne
Do elementów odpowiedzialnych za prezentację tekstu w językach
XHTML i HTML możemy zaliczyć nagłówki, akapity, cytaty, indeksy
górne i dolne, znaczniki
łamania
wiersza, poziomie linie oraz znacznik
<div></div>
. Dalej przyjrzymy się konstrukcji każdego z tych elemen-
tów. Pamiętaj,
że
wszystkie elementy muszą się znajdować wewnątrz
znacznika
<body></body>
.
Zgodnie ze specyfikacją XHTML oraz HTML 4.01 znaczniki opisane
poniżej służą jedynie do nadania poszczególnym elementom określonej
formy. Natomiast dokładne określenie struktury takiego elementu,
np. koloru, wyrównania czy czcionki, zostało oddzielone od języka
XHTML/HTML i weszło w skład kaskadowych arkuszy stylów.
Nagłówki
Specyfikacja języków XHTML i HTML przewiduje możliwość utwo-
rzenia nagłówków o sześciu zróżnicowanych rozmiarach. Oto ogólny
przepis na nagłówek:
<hx>Nagłówek stopnia
X</hx>
Za pomocą litery
X
oznaczyłem stopień nagłówka. W praktyce w to
miejsce wstawiamy cyfry z przedziału od 1 do 6. Wbrew pozorom
znacznik
<h1></h1>
jest największym nagłówkiem, a
<h<></h<>
najmniej-
szym. Przykład nagłówka znajduje się poniżej.
<h1>Nagłówek
<h2>Nagłówek
<h3>Nagłówek
<h4>Nagłówek
<h5>Nagłówek
<h<>Nagłówek
stopnia
stopnia
stopnia
stopnia
stopnia
stopnia
pierwszego</h1>
drugiego</h2>
trzeciego</h3>
czwartego</h4>
piątego</h5>
szóstego</h<>
Natomiast na rysunku 3.1 widać wszystkie sześć stopni nagłówków.

Plik z chomika:

Inne pliki z tego folderu:

Inne foldery tego chomika:

Zgłoś jeśli naruszono regulamin