Szkielet strony i semantyka HTML

Obowiazkowy szkielet (zawsze taki sam)

Cztery rzeczy, ktore egzamin zawsze sprawdza:

<!DOCTYPE html> — pierwsza linia, bez wyjatkow

lang="pl" — deklaracja jezyka polskiego

charset="UTF-8" — polskie znaki (ą, ę, ó...)

<link rel="stylesheet" href="..."> — nazwa pliku CSS z tresci zadania

Typowy uklad strony (makieta z egzaminu)

Kazdy arkusz rysuje makiete ze strefami. Zawsze uzywaj tagow semantycznych:

Strefa makiety	Tag HTML
Baner / naglowek	`<header>`
Kolumna / sekcja	`<section>`
Nawigacja / menu	`<nav>`
Stopka	`<footer>`
Glowna tresc	`<main>`

UWAGA: Nie uzywaj <div> tam, gdzie mozna uzyc semantycznego tagu — egzamin to sprawdza.

Hierarchia naglowkow (egzamin sprawdza kolejnosc!)

Nie mozna przeskakywac poziomow (np. po <h1> od razu <h3>).

Obrazek — zawsze z alt

alt jest obowiazkowy. Brak alt = strata punktow.

Listy

Numerowana (<ol>):

Punktowana (<ul>):

Definicyjna (<dl>) — pojawia sie w arkuszach od 2024:

Tabela

Scalanie komorek: