TablicaPro / karta pracy ucznia / HTML

Sprawdzian HTML i CSS — dwa warianty z kluczem

Klasa: __________ Numer: __________ Data: __________

Utwórz w folderze pliki index.html i style.css. Plik logo.svg jest już w folderze. Czas: 45 minut. WARIANT A.

Dane do wykorzystania (wariant A)

Pracownia robotyki — sala 12, po lekcjach.
Terminy: poniedziałek 15:00; środa 15:00; piątek 14:00.
Aktywności: składamy roboty z zestawów; programujemy czujniki; rozwiązujemy zadania logiczne; przygotowujemy pokazy dla szkoły.

Zadanie 1

Zadanie 1 (4 pkt). Dokument: deklaracja typu, lang="pl", kodowanie UTF-8, title ze słowem „Robotyka”.

Zadanie 2

Zadanie 2 (6 pkt). Treść: h1 „Pracownia robotyki”; akapit z dwoma zdaniami; h2 „Co robimy?” i lista z 4 pozycjami; h2 „Terminy” i tabela z nagłówkami (Dzień, Godzina) oraz 3 wierszami; obraz logo.svg z alt; odnośnik „Zobacz kurs HTML w TablicaPro” do https://tablicapro.pl/kursy/html.

Zadanie 3

Zadanie 3 (7 pkt). Plik style.css podłączony do strony. body: kolor tekstu #1f2937, tło #f3f6fb; h1: kolor #1e3a8a; klasa .wyroznienie (tło #dbeafe, padding 16px) nadana akapitowi; tabela: border-collapse: collapse i obramowanie komórek 1px; odnośnik: kolor #1e3a8a, a:hover: kolor #0f172a.

Zadanie 4

Zadanie 4 (3 pkt). Jakość: opisowy alt obrazu; opisowy tekst odnośnika (nie „kliknij tutaj”); nagłówki w kolejności h1, potem h2.

Sprawdź przed oddaniem

Zadanie 1: 4 pkt; zadanie 2: 6 pkt; zadanie 3: 7 pkt; zadanie 4: 3 pkt. Razem 20 pkt.

Jaką zmianę w kodzie potrafisz samodzielnie wyjaśnić?