Każdy arkusz INF.03 wymaga zbudowania witryny z kilku podstron i podpięcia zewnętrznego arkusza stylów. Zadanie wygląda banalnie i właśnie dlatego traci się tu punkty — na drobiazgach, których nikt nie sprawdza przed oddaniem.

1. Szkielet, od którego zaczynasz każdą podstronę

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<title>Tytuł wymagany przez arkusz</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
<header><h1>Nagłówek</h1></header>
<nav><a href="index.html">Strona główna</a></nav>
<main></main>
<footer>Autor: numer zdającego</footer>
</body>
</html>

Brak <meta charset="UTF-8"> to klasyk: polskie znaki wyświetlają się jako krzaczki i egzaminator widzi to od pierwszego spojrzenia. Nazwa pliku ze stylami musi zgadzać się co do znaku z tą podaną w arkuszu — najczęściej styl.css, nie style.css.

2. Selektory, które wystarczą na egzaminie

Zapis	Co wybiera
`p`	wszystkie akapity
`.klasa`	elementy z atrybutem class
`#id`	jeden element o danym id
`nav a`	odnośniki wewnątrz nawigacji
`a:hover`	odnośnik pod kursorem

Arkusz zwykle wypisuje wymagania punkt po punkcie: kolor tła, rodzaj czcionki, wyrównanie, obramowanie. Przechodź je po kolei i odhaczaj — łatwiej niż pisać z pamięci i sprawdzać na końcu.

3. Błędy, które kosztują punkty

Style wpisane w atrybut style zamiast w plik. Jeśli arkusz mówi „zewnętrzny arkusz stylów", styl w znaczniku nie liczy się wcale.
Odnośniki między podstronami prowadzące donikąd. Sprawdź każdy — nawigacja jest punktowana osobno.
Brak treści stopki z numerem zdającego, jeśli arkusz jej wymaga. To pojedynczy, darmowy punkt.
Obrazy w innym katalogu niż wskazany. Po skopiowaniu pracy na nośnik ścieżki przestają działać.

Więcej o budowie dokumentu i stylach w teorii INF.03.