Cel


Przygotuj poprawny dokument HTML v4.01 i XHTML v1.0. Jako wzór wykorzystaj istniejący plik HTML

Strony: Pliki:
Instrukcja obsługi:
  1. Utwórz na dysku katalog o nazwie valid
  2. Skopiuj do nowo utworzonego katalogu przykładowy plik HTML simple.html
idź do góry

Krok 1: Plik w formacie HTML 4.01


Instrukcja:
  1. Skopiuj plik simple.html pod nową nazwą html4.html
  2. Dodaj informację o formacie pliku:
      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
      "http://www.w3.org/TR/html4/loose.dtd">
    
  3. Dodaj link do strony walidatora na końcu dokumentu:
      <a href="http://validator.w3.org/check?uri=referer">...</a>
    
  4. Sprawdź poprawność utworzonego pliku
  5. Usuń wszystkie błędy, tak by utworzony plik był poprawnym plikiem HTML v4.01

Pliki wynikowe: idź do góry

Krok 2: Plik w formacie XHTML 1.0


Instrukcja:
  1. Skopiuj plik html4.html pod nową nazwą xhtml.html
  2. Zmień informację o formacie pliku:
      <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
      "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
    
  3. Sprawdź poprawność utworzonego pliku
  4. Usuń wszystkie błędy, tak by utworzony plik był poprawnym plikiem XHTML v1.0

Pliki wynikowe: idź do góry

Krok 3: Plik w formacie CSS


Instrukcja:
  1. Utwórz plik CSS formatujący dokument HTML o nazwie style.css. Jeśli nie wiesz od czego zaczać wykorzystaj plik template.css
  2. Sprawdź poprawność utworzonego pliku na stronie:
    jigsaw.w3.org/css-validator/
  3. Usuń wszystkie błędy, tak by utworzony plik był poprawnym plikiem CSS
Pliki: idź do góry

Krok 4: Połącz pliki XHTML i CSS


Instrukcja:
  1. Skopiuj plik xhtml.html pod nową nazwą xhtml_css.html
  2. Dodaj informację o pliku CSS do pliku xhtml_css.html:
      <link rel="stylesheet" type="text/css" href="style.css" /> 
    
  3. Sprawdź poprawność utworzonego pliku

Pliki wynikowe: idź do góry