Cel
Przygotuj poprawny dokument HTML v4.01 i XHTML v1.0. Jako wzór wykorzystaj istniejący plik HTML
Strony: Pliki:
Instrukcja obsługi:
- Utwórz na dysku katalog o nazwie
valid
- Skopiuj do nowo utworzonego katalogu przykładowy plik HTML
simple.html
Krok 1: Plik w formacie HTML 4.01
Instrukcja:
- Skopiuj plik
simple.html
pod nową nazwąhtml4.html
- Dodaj informację o formacie pliku:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> "http://www.w3.org/TR/html4/loose.dtd">
- Dodaj link do strony walidatora na końcu dokumentu:
<a href="http://validator.w3.org/check?uri=referer">...</a>
- Sprawdź poprawność utworzonego pliku
- 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:
- Skopiuj plik
html4.html
pod nową nazwąxhtml.html
- 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">
- Sprawdź poprawność utworzonego pliku
- 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:
- Utwórz plik CSS formatujący dokument HTML o nazwie
style.css
. Jeśli nie wiesz od czego zaczać wykorzystaj pliktemplate.css
- Sprawdź poprawność utworzonego pliku na stronie:
jigsaw.w3.org/css-validator/
- Usuń wszystkie błędy, tak by utworzony plik był poprawnym plikiem CSS
Krok 4: Połącz pliki XHTML i CSS
Instrukcja:
- Skopiuj plik
xhtml.html
pod nową nazwąxhtml_css.html
- Dodaj informację o pliku CSS do pliku
xhtml_css.html
:
<link rel="stylesheet" type="text/css" href="style.css" />
- Sprawdź poprawność utworzonego pliku
Pliki wynikowe: idź do góry