ABC jezyka HTML i XHTML.pdf

(468 KB) Pobierz
ABC języka HTML i XHTML
IDZ DO
PRZYK£ADOW Y ROZDZIA£
ABC jêzyka
SPIS TREœCI
HTML i XHTML
KATALOG KSI¥¯EK
Autor: Maria Sokó³
ISBN: 83-246-0753-6
Format: B5, stron: 256
KATALOG ONLINE
ZAMÓW DRUKOWANY KATALOG
TWÓJ KOSZYK
Dynamiczny rozwój internetu sprawia, ¿e pojawia siê w nim coraz wiêcej witryn WWW.
Swoj¹ „wizytówkê” w internecie chc¹ mieæ nie tylko przedsiêbiorstwa i organizacje,
ale równie¿ u¿ytkownicy domowi, dla których strona WWW mo¿e byæ miejscem do
zaprezentowania swoich fotografii, podzielenia siê wspomnieniami z podró¿y lub po
prostu przedstawienia siê. Wiele firm oferuj¹cych konta WWW udostêpnia równie¿
mechanizmy do tworzenia w³asnych stron opartych na gotowych szablonach, jednak
przygotowanie naprawdê „w³asnej” witryny internetowej wymaga przynajmniej
elementarnej znajomoœci jej podstawowego budulca — jêzyka HTML.
Ksi¹¿ka „ABC jêzyka HTML i XHTML” to wprowadzenie do tematu ca³kowicie
samodzielnego tworzenia w³asnych witryn WWW. Przedstawia najnowsz¹ specyfikacjê
jêzyka HTML i jego wersji rozwojowej, XHTML. Czytaj¹c tê ksi¹¿kê, poznasz strukturê
dokumentów HTML i znaczniki wykorzystywane do okreœlania wygl¹du strony.
Dowiesz siê, w jaki sposób umieszczaæ na stronie elementy tekstowe i formatowaæ je,
tworzyæ hiper³¹cza i mechanizmy nawigacyjne oraz wstawiaæ do dokumentów obrazy
w formatach: GIF, JPG i PNG. Nauczysz siê korzystaæ z kaskadowych arkuszy stylów
oraz tworzyæ tabele i ramki.
Elementy dokumentu HTML
Tytu³, s³owa kluczowe i opis strony
Wprowadzanie i formatowanie tekstu
Adresy URL wzglêdne i bezwzglêdne
Hiper³¹cza
Wstawianie obrazów na strony
Stosowanie kaskadowych arkuszy stylów
Tabele
Witryny oparte na ramkach
Zaznacz swoj¹ obecnoœæ w sieci — stwórz w³asn¹ stronê WWW
DODAJ DO KOSZYKA
CENNIK I INFORMACJE
ZAMÓW INFORMACJE
ONOWOœCIACH
ZAMÓW CENNIK
CZYTELNIA
FRAGMENTY KSI¥¯EK ONLINE
Wydawnictwo Helion
ul. Koœciuszki 1c
44-100 Gliwice
tel. 032 230 98 63
e-mail: helion@helion.pl
91235411.005.png 91235411.006.png 91235411.007.png 91235411.008.png
Wstęp ............................................................................. 7
1
XHTML w pytaniach i odpowiedziach ............................. 11
Co to jest XHTML? ......................................................................... 11
Dlaczego XHTML? .......................................................................... 12
Czy XHTML wymaga specjalnych przygotowań? ......................... 12
Jakie są podstawowe wymagania odnośnie kodu XHTML? ........ 12
Co oznacza konieczność poprawnego zagnieżdżania elementów? ....13
Co oznacza, że dokument musi mieć poprawną formę? ............... 14
Dlaczego należy stosować małe litery? ......................................... 14
Dlaczego należy pamiętać o znacznikach zamykających? ............ 14
A co z elementami pustymi? .......................................................... 15
Co oznacza stwierdzenie, że XHTML ma czystszą formę? .......... 16
Co oznacza, że atrybut id zastępuje nazwę? ................................. 16
Co to jest atrybut lang? .................................................................. 17
Jakie są obowiązkowe elementy XHTML? ................................... 17
Jak wygląda przykładowy dokument XHTML? ........................... 18
2
Internet, strona WWW i znaczniki ................................ 19
Internet a WWW ............................................................................ 19
Przeglądarki .................................................................................... 20
Adres URL ....................................................................................... 20
Znaczniki ......................................................................................... 21
Wymagane oprogramowanie i sprzęt ............................................ 23
Elementy dokumentu XHTML ....................................................... 25
Tytuł strony WWW ........................................................................ 27
Deklarowanie sposobu kodowania polskich znaków
diakrytycznych ............................................................................. 28
91235411.001.png
ABC języka HTML i XHTML
Zapisywanie kodu strony na dysku twardym ............................... 32
Wyświetlanie strony w przeglądarce ............................................ 33
Najważniejsze informacje .............................................................. 35
3
Tekst i jego atrybuty ......................................................37
Atrybuty tekstu .............................................................................. 37
Po co są twarde spacje? .................................................................. 41
Jak zdefiniować wyrównywanie akapitu tekstu? ........................ 42
Jak łamać tekst wewnątrz akapitu? ............................................. 45
Jak zdefiniować kolor tekstu i tła akapitu? .................................. 46
Jak zdefiniować kolor znaków i tła fragmentu tekstu? ............... 48
Jak zmienić krój pisma i rozmiar czcionki? .................................. 50
Jak zdefiniować marginesy akapitu tekstu? ................................. 52
Struktura dokumentu .................................................................... 53
Jak korzystać z nagłówków? ......................................................... 54
Listy wypunktowane i numerowane ............................................ 57
Wstawianie znaków specjalnych .................................................. 61
Kompletna prosta strona ................................................................ 62
Najważniejsze informacje .............................................................. 64
4
Odnośniki .......................................................................65
Uniform Resource Locator ............................................................. 66
Ulokowanie dokumentu a ścieżka dostępu ................................... 67
Definiowanie odnośników ............................................................. 70
Definiowanie odnośnika do innej strony WWW ........................... 74
Zakotwiczenia ................................................................................ 80
Otwieranie plików w nowych oknach .......................................... 82
Mapy odnośników .......................................................................... 88
Połączenia z archiwami FTP .......................................................... 92
Najważniejsze informacje .............................................................. 95
5
Obrazy ...........................................................................97
Gdzie wstawiać obrazy? ................................................................ 97
Jaki format wstawianych obrazów? ............................................. 98
Oprogramowanie graficzne .......................................................... 101
Jaką postać ma element img? ...................................................... 101
Najważniejsze informacje ............................................................ 120
6
Podstawy kaskadowych arkuszy stylów ........................123
Ogólne informacje na temat kaskadowych arkuszy stylów ....... 123
Komentarze CSS ........................................................................... 132
Styl wpisany ................................................................................. 132
Osadzony arkusz stylów .............................................................. 135
Zewnętrzny arkusz stylów .......................................................... 145
Formatowanie fragmentów tekstu .............................................. 148
Formatowanie bloków ................................................................. 148
Przykłady stylów CSS .................................................................... 149
Atrybuty stylu odnoszące się do tekstu ...................................... 161
Najważniejsze informacje ............................................................ 169
4
91235411.002.png
Spis treści
7
Tabele w XHTML ........................................................ 173
Do czego służą tabele? .................................................................. 173
Jak utworzyć tabelę? ................................................................... 173
Jaką strukturę ma kod tabeli w XHTML? .................................. 175
Tworzenie tabeli ........................................................................... 176
Modyfikacja tabeli ........................................................................ 178
Tabela tworząca układ strony ..................................................... 197
Podsumowanie .............................................................................. 201
8
Ramki i układy ramek ................................................. 203
Podstawowe informacje o ramkach ............................................ 204
Zmiana wyglądu ramek ................................................................ 213
Czy wszystkie przeglądarki obsługują ramki? ............................... 215
Ramki osadzone ............................................................................ 216
Podsumowanie .............................................................................. 220
A
Elementy języka XHTML ............................................. 221
Skorowidz .................................................................. 247
5
91235411.003.png
Wprowadzenie przez konsorcjum W3C mechanizmu
kaskadowych arkuszy stylu (ang. Cascade Style
Sheets CSS ) zakończyło epokę niezgodnych ze
sobą rozszerzeń języka HTML, wprowadzanych przez
wszystkich liczących się producentów przegląda-
rek WWW, dając twórcom stron internetowych ele-
ganckie i spójne narzędzie umożliwiające precyzyjne
określenie wyglądu strony.
Cóż takiego specjalnego jest w kaskadowych arkuszach
stylu? Przede wszystkim ich stosowanie jest niezwy-
kle jednolite — prawie każdy element języka XHTML
możesz rozbudować o atrybut style , a wewnątrz niego
umieścić ściśle określony zestaw atrybutów stylu.
Arkusze stylu pozwalają też ujednolicić wygląd serwi-
su internetowego oraz ograniczyć ilość danych pobie-
ranych z internetu podczas oglądania stron WWW.
91235411.004.png
Zgłoś jeśli naruszono regulamin