ZAWODNIK

HTML na egzaminie INF.03

INF.03 · teoria
autor: redakcja · 24.08.2026 · aktualizacja: 08.09.2026
HTML w kwalifikacji INF.03: najważniejsze zasady, przykłady i powiązane pytania w banku. Skrót działu, który otwiera siedem lekcji o HTML.

[ INF.03: PYTANIA Z TEGO DZIAŁU ]

Przejrzyj pytania: htmlĆwicz dział: html
HTML opi­su­je struk­tu­rę i zna­cze­nie treści strony. W py­ta­niach INF.03 trzeba roz­po­zna­wać ele­men­ty, atry­bu­ty i wynik dzia­ła­nia for­mu­la­rza lub tabeli. W za­da­niu prak­tycz­nym po­praw­ny do­ku­ment uła­twia póź­niej­sze sty­lo­wa­nie w CSS oraz ob­słu­gę danych w JavaScript lub PHP.

Szkie­let do­ku­men­tu

1
2
3
4
5
6
7
8
9
10
11
12
<!doctype html>
<html lang="pl">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Tytuł strony</title>
<link rel="stylesheet" href="styl.css">
</head>
<body>
Widoczna treść strony
</body>
</html>
Na­głów­ki h1 do h6 tworzą hie­rar­chię, dla­te­go do­bie­ra się je według po­zio­mu treści, a nie roz­mia­ru liter. main obej­mu­je główną za­war­tość do­ku­men­tu, a header, nav, article, section, aside i footer opi­su­ją rolę frag­men­tu: kod jest czy­tel­niej­szy dla prze­glą­dar­ki, wy­szu­ki­war­ki i tech­no­lo­gii asy­stu­ją­cych.

Se­man­ty­ka nie jest usta­wie­niem di­splay

Ele­ment se­man­tycz­ny mówi, czym jest treść. Wła­ści­wość CSS display mówi, jak po­wsta­je pu­deł­ko w ukła­dzie strony. To dwa różne za­gad­nie­nia: article może dostać display: grid, a span może zostać usta­wio­ny jako display: block, ale nie zmie­nia to zna­cze­nia tych ele­men­tów w HTML.
Przy­cisk za­pi­su­je się jako button, od­sy­łacz jako a z atry­bu­tem href, a dane ta­be­la­rycz­ne jako table. Sam wygląd nadany klasą CSS nie za­stę­pu­je wła­ści­we­go ele­men­tu: po­praw­na se­man­ty­ka daje też za­cho­wa­nia kla­wia­tu­ry i in­for­ma­cje dla czyt­ni­ków ekranu, któ­rych zwykły div nie ma au­to­ma­tycz­nie.

For­mu­larz w pi­guł­ce

Ety­kie­tę łączy się z polem przez zgodne war­to­ści for i id:
1
2
<label for="email">E-mail</label>
<input id="email" name="email" type="email" required>
Atry­but
Rola
name
nazwa pa­ra­me­tru wy­sy­ła­ne­go do ser­we­ra
value
war­tość pa­ra­me­tru
required
pole nie może być puste
type="email"
wbu­do­wa­na kon­tro­la for­ma­tu
GET umiesz­cza pa­ra­me­try w ad­re­sie i pasuje do wy­szu­ki­wa­nia; POST prze­sy­ła je w treści żą­da­nia i służy ope­ra­cjom zmie­nia­ją­cym dane. Sam wybór POST ni­cze­go nie szy­fru­je i nie za­stę­pu­je wa­li­da­cji na ser­we­rze. Grupę pól opi­su­je fieldset z ele­men­tem legend. Cały me­cha­nizm wy­sył­ki, typy pól i pu­łap­ki opi­su­je osobny ar­ty­kuł o for­mu­la­rzach.

Obrazy i od­sy­ła­cze

Atry­but alt prze­ka­zu­je tek­sto­wą al­ter­na­ty­wę obrazu: po­wi­nien opi­sy­wać in­for­ma­cję, którą niesie gra­fi­ka, a przy ob­ra­zie czysto de­ko­ra­cyj­nym może być pusty. title jest tylko do­dat­ko­wą pod­po­wie­dzią i nie za­stę­pu­je alt. Od­sy­łacz po­trze­bu­je zro­zu­mia­łej treści, nie samego „klik­nij tutaj". O for­ma­tach gra­ficz­nych i ich wadze prze­czy­tasz w ar­ty­ku­le o gra­fi­ce.

Tabela danych

Znacz­nik
Rola
tr
wiersz
th
ko­mór­ka na­głów­ko­wa
td
ko­mór­ka danych
caption
opis całej tabeli
colspan / rowspan
sca­la­nie ko­mó­rek w po­zio­mie / w pionie
thead, tbody, tfoot
grupy wier­szy
Tabeli używa się do danych, nie do ukła­da­nia całej strony: układ robi się w CSS, co po­ka­zu­je ar­ty­kuł o CSS. Roz­po­zna­wa­nie znacz­ni­ków prze­ćwi­czysz na ar­ku­szach INF.03.

Lekcje działu

Wygląd tej samej strony opi­su­je dział CSS, otwie­ra go skrót o CSS.

[ W TYM DZIALE ]

poprzednia: Formularze HTML na egzaminie INF.03następna: Jak działa strona WWW: klient, serwer, HTTP, URL i standardyspis działu: HTML

[ INF.03: INNE ARTYKUŁY ]

Hub INF.03Zakres materiałuBazy danych i SQL na egzaminie INF.03CSS na egzaminie INF.03Formularze HTML na egzaminie INF.03Grafika i multimedia na egzaminie INF.03JavaScript na egzaminie INF.03pokaż więcej (51)
ZAWODNIK
egzamin zawodowy INF.02 · INF.03 · INF.04
Serwer Discord›
Egzaminy zawodowe IT/Matury/Studia
@yastor
Polityka prywatnościRegulaminKontakt
© 2026 Zawodnik · by Yastor
Arkusze i zasady oceniania pochodzą z CKE. Serwis nie jest powiązany z Centralną Komisją Egzaminacyjną.