• Poznaj strukturę dokumentów hipertekstowych i znaczniki HTML
• Naucz się w praktyczny sposób stosować konstrukcje języka
• Dowiedz się, jak szybko tworzyć atrakcyjne strony WWW

W obecnych czasach po prostu nie wypada nie mieć swojej strony w internecie. Prawda ta dotyczy już nie tylko dużych firm, organizacji społecznych czy instytucji państwowych, lecz również tysięcy prywatnych osób, które nie chcą pozostawać anonimowymi konsumentami treści, lecz pragną zaistnieć w sieci i za jej pośrednictwem dzielić się ze światem swoimi przemyśleniami, tekstami, zdjęciami czy filmami. Wielu ludzi ogranicza się do tworzenia prostych, niewyróżniających się niczym blogów, jednak niektórzy pragną nadać swoim stronom niepowtarzalny charakter.

To właśnie do nich kierowana jest książka "ABC języka HTML i XHTML. Wydanie II" . W przystępny sposób wyjaśnia ona podstawowe zagadnienia związane z używaniem najpopularniejszych języków hipertekstowych, opisuje strukturę i metody tworzenia dokumentów WWW, a także wskazuje narzędzia, które mogą ułatwić pracę projektanta. Dzięki lekturze tego podręcznika zdobędziesz wiedzę niezbędną do kodowania treści witryn i dowiesz się, jak należy opracować właściwy system nawigacji. Poznasz też metody korzystania z tabel, grafik i arkuszy stylów.

• Podstawowe pojęcia związane z siecią i tworzeniem treści WWW
• Struktura, konstrukcje i znaczniki języka HTML
• Narzędzia ułatwiające pracę projektanta stron WWW
• Definiowanie struktury i formatu treści tekstowych
• Korzystanie z odnośników i tworzenie systemu nawigacji
• Metody osadzania obrazów i określania ich parametrów
• Tworzenie i formatowanie tabel
• Używanie kaskadowych arkuszy stylów

Naucz się tworzyć profesjonalny kod stron WWW krok po kroku.

Spis treści:

1. HTML 5 i XHTML w pytaniach i odpowiedziach (13)

• Co to jest HTML 5? (13)
• Co to jest XHTML? (15)
• Czy strony utworzone w HTML 4.x lub XHTML można przekształcić w dokumenty HTML 5? (16)
• Czy HTML 5 ma specjalne wymagania? (16)
• Co oznacza konieczność poprawnego zagnieżdżania elementów? (17)
• Co to znaczy, że dokument musi mieć poprawną formę? (18)
• Dlaczego w HTML 5 i XHTML należy stosować małe litery? (18)
• Dlaczego należy pamiętać o znacznikach zamykających? (19)
• A co z elementami pustymi? (19)
• Co oznacza stwierdzenie, że HTML 5 i XHTML mają czystszą formę? (20)
• Co to znaczy, że atrybut id zastępuje nazwę? (21)

2. Internet, strona WWW i znaczniki (23)

• Internet a WWW (23)
• Przeglądarki (24)
• Adres URL (25)
• Znaczniki (26)
  • Jak stosować znaczniki? (26)
• Wymagane oprogramowanie (28)
  • Edytor programisty (28)
  • Inne oprogramowanie (32)
• Elementy dokumentu HTML 5 (32)
  • Jaka jest podstawowa postać kodu dokumentu HTML 5? (32)
• Tytuł strony WWW (35)
• Deklarowanie sposobu kodowania polskich znaków diakrytycznych (36)
  • Unicode (37)
  • Norma ISO i Windows code-page (37)
  • Gdzie ustawić kodowanie? (38)
• Zapisywanie kodu strony na dysku twardym (41)
• Wyświetlanie strony w przeglądarce (42)
• Najważniejsze informacje (44)

3. Tekst i jego atrybuty (47)

• Atrybuty tekstu (47)
  • Do czego służą atrybuty tekstu? (47)
  • Jak stosować atrybuty tekstu? (48)
  • Kiedy korzystać z czcionki nieproporcjonalnej? (48)
  • Jak zastosować czcionkę nieproporcjonalną do dużego fragmentu tekstu? (51)
• Po co są twarde spacje? (52)
• Jak zdefiniować wyrównywanie akapitu tekstu? (54)
• Jak łamać tekst wewnątrz akapitu? (56)
• Jak zdefiniować kolor tekstu i tła akapitu? (57)
• Jak zdefiniować kolor znaków i tła fragmentu tekstu? (60)
• Jak zmienić krój pisma i rozmiar czcionki? (62)
• Jak zdefiniować marginesy akapitu tekstu? (65)
• Struktura dokumentu (66)
  • Nagłówek (67)
  • Jak zdefiniować nagłówek? (68)
  • Jak korzystać z nagłówków? (69)
  • Zastosowanie elementu section (72)
  • Jak oddzielić fragmenty tekstu? (73)
• Listy wypunktowane i numerowane (75)
  • Jak zdefiniować listę wypunktowaną? (75)
  • Jak zdefiniować listę zagnieżdżoną? (77)
  • Jak wstawić listę numerowaną? (78)
  • Jak korzystać z listy definicji? (79)
• Wstawianie znaków specjalnych (81)
• Podpis (81)
  • Jak umieścić w kodzie HTML dane adresowe? (82)
• Najważniejsze informacje (84)

4. Odnośniki (87)

• Uniform Resource Locator (88)
• Ulokowanie dokumentu a ścieżka dostępu (89)
  • Jakie są rodzaje ścieżek dostępu? (89)
  • Co to jest adres bezwzględny? (89)
  • Kiedy i jak korzystać z adresów definiowanych względem dokumentu? (89)
  • Co to są adresy względne definiowane względem folderu nadrzędnego? (91)
• Definiowanie odnośników (91)
  • Jaki znacznik umożliwia utworzenie odnośnika? (92)
  • Jak wygląda odnośnik? (92)
  • Jak definiować atrybut href? (92)
• Nawigacja na stronach WWW (95)
  • Odnośniki a element nav (95)
  • Jak praktycznie korzystać z adresowania względnego i bezwzględnego? (95)
  • Do czego służy atrybut id? (97)
  • Co to jest odnośnik pocztowy? (97)
  • Jak zabrać się do tworzenia systemu nawigacji serwisu? (98)
  • Jak wrócić do strony głównej? (99)
  • Jak skonstruować menu poziome? (99)
  • Tworzenie odnośników prowadzących do punktów nawigacyjnych w obrębie strony (102)
  • Jak zdefiniować odnośnik do zewnętrznej strony WWW? (105)
  • Czy można się dowiedzieć, pod jaki adres URL prowadzą połączenia? (107)
• Otwieranie plików w nowych oknach (108)
  • Jak otworzyć stronę WWW w nowym oknie? (108)
  • Jak zaprogramować okna pop-up? (109)
• Połączenia z archiwami FTP (110)
• Najważniejsze informacje (112)

5. Obrazy (115)

• Gdzie wstawiać obrazy? (115)
• Jaki format wstawianych obrazów? (116)
  • Co to jest GIF? (116)
  • Co to jest JPEG? (117)
  • Co to jest PNG? (118)
• Oprogramowanie graficzne (119)
• Jak wstawiać obrazy? (119)
  • Jaką postać ma element img? (119)
  • Czy element img ma atrybuty? (120)
  • Jak wstawiać obraz na stronie WWW? (120)
  • Jak przeglądarka zinterpretuje element img? (123)
  • Czy sam obraz wystarczy? (124)
  • Jak zdefiniować rozmiar obrazu? (125)
  • Jak podawać rozmiary obrazu? (126)
  • Jak określić marginesy obrazu? (127)
  • Jak zdefiniować obramowanie obrazu? (128)
  • Jak wycentrować obraz? (130)
  • Jak wyrównywać obrazy i oblewać tekstem? (131)
  • Jak zdefiniować obrazy wpisane? (133)
  • Jak kontrolować oblewanie obrazów tekstem? (133)
  • Jak urozmaicić tekst? (136)
  • Czy obraz może być tłem strony WWW? (137)
• Jak z obrazów zbudować graficzne menu do komunikacji między stronami serwisu? (139)
• Do czego służą obrazy aktywne? (141)
  • Jak zabrać się do zdefiniowania mapy odsyłaczy? (141)
  • Jak wyznaczyć obszary aktywne obrazu? (142)
  • Jak zaimplementować mapę odsyłaczy w kodzie strony WWW? (143)
• Skąd obrazy na stronie WWW? (144)
• Najważniejsze informacje (145)

6. Tabele w HTML i XHTML (149)

• Do czego służą tabele? (149)
• Jak utworzyć tabelę? (150)
• Elementy konstrukcyjne tabeli (152)
• Jaką strukturę ma kod tabeli w HTML? (152)
• Tworzenie i formatowanie tabeli (155)
• Modyfikacja tabeli (156)
  • Jak zmienić szerokość i pozycję tabeli? (156)
  • Jak zmienić szerokość kolumny tabeli? (157)
  • Jak zmienić obramowanie tabeli? (159)
  • Jak zmienić kolor tła i tekstu tabeli? (162)
  • Jak określić marginesy komórek tabeli? (163)
  • Jak dodać w tabeli wiersz lub kolumnę? (165)
  • Jak scalić komórki tabeli? (166)
  • Jak określić położenia zawartości komórki tabeli? (172)
• Strony WWW o układzie tabeli (175)
  • Jak dodać zawartość tabeli tworzącej układ strony? (177)
• Jak zagnieździć tabelę w tabeli? (180)
• Tabela w różnych przeglądarkach (184)
  • Jak sprawdzić wygląd tabel w różnych przeglądarkach? (184)
• Najważniejsze informacje (185)

7. Kaskadowe arkusze stylów (187)

• Kaskadowe arkusze stylów (187)
  • Jakie są rodzaje arkuszy stylów? (188)
  • Jaka jest postać definicji osadzonego arkusza stylów? (188)
• Klasy (189)
  • Jak zdefiniować i zastosować klasę stylu? (189)
• Definicja CSS (190)
• Czcionki w CSS (192)
• Tło (192)
• Arkusze stylów - zasady ogólne (192)
• CSS a rozszerzenia HTML (195)
  • Jak zastąpić styl wpisany osadzonym arkuszem stylów? (195)
  • Jak stosować klasy stylów? (197)
  • Jak przygotować arkusz stylów dla tabeli zagnieżdżonej? (199)
• Wolna przestrzeń na stronie WWW (203)
  • Jak zdefiniować marginesy i odstępy? (203)
  • Jak zdefiniować odstępy między wierszami? (204)
• Formatowanie kilku znaków (209)
  • Jak zastosować styl do kilku znaków? (210)
• Tabelaryczny układ strony bez tabeli (211)
  • Jak zdefiniować tabelaryczny układ strony WWW za pomocą elementów języka HTML 5 innych niż ? (213)
    Jak zdefiniować układ strony za pomocą elementów div i stylów CSS? (222)
    Przyłączanie arkuszy stylu do dokumentu HTML (228)

    • Jak przygotować plik łączonego arkusza stylów? (228)
    • Jak dołączyć zewnętrzny arkusz stylów do pliku HTML? (229)
    Najważniejsze informacje (229)

    A: Elementy języka HTML (231)