ARKUSZ EGZAMINACYJNY

INF.03
Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Zawód: Technik informatyk
Liczba pytań: 40
Czas trwania: 60 minut (standardowo)
Próg zdawalności: 50% (20 pytań)

Arkusz wygenerowany na platformie zawodowe.edu.pl

Tysiące pytań zgodnych z CKE ze wszystkich kwalifikacji zawodowych
System nauczyciel-uczeń do monitorowania postępów w czasie rzeczywistym
Egzaminy zawodowe próbne dla Twoich uczniów (skórka CKE)
Generator arkuszy PDF z możliwością edycji i udostępniania
Całkowicie darmowy dostęp bez limitów i ukrytych opłat
Bez reklam dla zalogowanych użytkowników

❤️ Dlaczego darmowe? Bo edukacja nie powinna być przywilejem.

Załóż darmowe konto i korzystaj z pełni możliwości:

Śledź swoje postępy • Zapisuj arkusze • Rozwiązuj testy online

Wygenerowano: 10.04.2026 20:52
Token arkusza:HsRCEDztixjZ82eI
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/HsRCEDztixjZ82eI/

1Pytanie 1

Jakiego elementu w języku HTML brakuje, aby walidator HTML zgłosił ostrzeżenie lub błąd?

A. <link>

B. <title>

C. przynajmniej jednego <h1>

D. <meta name="author" content=". . . .">

2Pytanie 2

W języku CSS zapis selektora

p > i { color: red; }

wskazuje, że kolorem czerwonym będzie sformatowany

A. wszystki tekst w znaczniku <p> lub wszelkie treści w znaczniku <i>

B. wszystkie teksty w znaczniku <p> oprócz tych w znaczniku <i>

C. tylko ten tekst w znaczniku <p>, który ma przypisaną klasę o nazwie i

D. jedynie ten tekst w znaczniku <i>, który znajduje się bezpośrednio wewnątrz znacznika <p>

3Pytanie 3

Aby uczynić stronę internetową bardziej dostępną dla osób niewidomych, należy przypisać obrazom wyświetlanym za pomocą znacznika img odpowiedni atrybut

A. alt

B. src

C. text

D. style

4Pytanie 4

Na ilustracji przedstawiono projekt struktury bloków strony internetowej. Przy założeniu, że bloki są realizowane przy użyciu znaczników sekcji, ich stylizacja w CSS, poza określonymi szerokościami dla bloków: 1, 2, 3, 4 (blok 5 nie ma przypisanej szerokości), powinna obejmować właściwość

A. float: left dla wszystkich bloków

B. clear: both dla wszystkich bloków

C. clear: both dla bloku 5 oraz float: left tylko dla bloków 1 i 2

D. clear: both dla bloku 5 oraz float: left dla pozostałych bloków

5Pytanie 5

W przedstawionej definicji stylu CSS, powtarzanie dotyczy

body {
   background-image: url("rysunek.gif");
   background-repeat: repeat-y;
 }

A. rysunku umieszczonego znacznikiem img.

B. rysunku umieszczonego w tle strony w pionie.

C. tła każdego ze znaczników akapitu.

D. rysunku umieszczonego w tle strony w poziomie.

6Pytanie 6

Zaprezentowano tabelę stworzoną za pomocą kodu HTML, bez zastosowania stylów CSS. Który z poniższych fragmentów kodu HTML odnosi się do pierwszego wiersza tabeli?

A. A

B. B

C. C

D. D

7Pytanie 7

Wskaż, które z poniższych zdań jest prawdziwe w odniesieniu do definicji stylu: ``````

A. Jest to styl zasięg lokalny

B. Zdefiniowano dwie klasy

C. Akapit będzie przekształcany na małe litery

D. Odnośnik będzie napisany czcionką o rozmiarze 14 punktów

8Pytanie 8

Jakie polecenie jest poprawne w kontekście walidacji HTML5?

A. <img src = mojPiesek.jpg" alt = "pies>

B. <img src = mojPiesek.jpg alt = pies>

C. <img src = "mojPiesek.jpg" alt = "pies">

D. <img src = "mojPiesek.jpg" >

9Pytanie 9

Wskaż kod CSS odpowiadający układowi bloków 2 - 5, zakładając, że są one zbudowane w oparciu o przedstawiony kod HTML.

BLOK 1
BLOK 2	BLOK 3	BLOK 4
BLOK 5

<div id="pierwszy">BLOK 1</div>
<div id="drugi">BLOK 2</div>
<div id="trzeci">BLOK 3</div>
<div id="czwarty">BLOK 4</div>
<div id="piaty">BLOK 5</div>

Kod 1.
#drugi {
  float: left;
  width: 40%;
}
#trzeci {
  float: left;
  width: 30%;
}
#czwarty {
  float: right;
  width: 30%;
}
#piaty {
  clear: both;
  width: 30%;
}

Kod 2.
#drugi {
  float: left;
  width: 40%;
}
#trzeci {
  float: left;
  width: 30%;
}
#czwarty {
  float: right;
  width: 30%;
}
#piaty {
  float: left;
  width: 30%;
}

Kod 3.
#drugi {
  float: left;
  width: 40%;
}
#trzeci {
  float: left;
  width: 30%;
}
#czwarty {
  width: 30%;
}
#piaty {
  float: right;
  width: 30%;
}

Kod 4.
#drugi {
  float: left;
  width: 40%;
}
#trzeci {
  width: 30%;
}
#czwarty {
  width: 30%;
}
#piaty {
  float: right;
  width: 30%;
}

A. Kod 3.

B. Kod 1.

C. Kod 2.

D. Kod 4.

10Pytanie 10

Który z znaczników ma na celu organizację struktury tekstu w HTML?

A. <u>

B. <h6>

C. <head>

D. <style>

11Pytanie 11

Jaki styl CSS umożliwi ustawienie tekstu do prawej strony?

A. <p style="font: right">tekst</p>

B. <p style="align: right">tekst</p>

C. <p style="position: right">tekst</p>

D. <p style="text-align: right">tekst</p>

12Pytanie 12

Portal internetowy dysponuje bardzo złożonym systemem stylów, który obejmuje style zewnętrzne, wewnętrzne oraz lokalne. Jak można zagwarantować, że określona cecha zdefiniowana w zewnętrznym stylu jest zawsze stosowana do elementu HTML, niezależnie od bardziej priorytetowych stylów?

A. jako selektor potomka

B. jako pseudoklasę :active

C. przy pomocy reguły !important

D. przy pomocy pseudoelementu ::after

13Pytanie 13

W przedstawionej regule CSS h1{color: blue} co oznacza h1?

A. klasę

B. wartość

C. selektor

D. deklarację

14Pytanie 14

W CSS, aby zmienić kolor czcionki dowolnego elementu HTML po najechaniu na niego kursorem, należy użyć pseudoklasy

A. :active

B. :hover

C. :visited

D. :coursor

15Pytanie 15

W celu sprawdzenia poprawności składni kodu CSS można skorzystać z

A. narzędzia debbuger.

B. walidatora.

C. konsolidatora.

D. optymalizatora.

16Pytanie 16

Aby włączyć kaskadowy arkusz stylów zapisany w pliku zewnętrznym, należy zastosować poniższy fragment kodu HTML

A. <link rel="stylesheet" type="text/css" href="styl.css">

B. <div id="styl.css" relation="css">

C. <meta charset="styl.css">

D. <optionvalue="styl.css" type="text/css">

17Pytanie 17

Zaprezentowano kod tabeli o wymiarach 3x2. Jaką zmianę wprowadzić w jej drugim wierszu, aby tabela była zgodna z obrazkiem ukazującym niewidoczny wiersz?

A. <tr style="clear: none">

B. <tr style="display: none">

C. <tr style="visibility: hidden">

D. <tr style="display: table-cell">

18Pytanie 18

W celu stylizacji strony internetowej stworzono odpowiednie reguły. Reguły te będą stosowane tylko do wybranych znaczników (np. niektóre nagłówki, kilka akapitów). W tej sytuacji, aby zastosować styl do kilku wybranych znaczników, najlepiej będzie użyć

{ text-align: right; }

A. klasy.

B. pseudoklasy.

C. identyfikatora.

D. selektora akapitu.

19Pytanie 19

Jakie zasady dotyczące tworzenia sekcji w języku HTML są właściwe?

A. W sekcji <head> znajduje się sekcja <body>

B. W sekcji <head> mogą się pojawić znaczniki <meta>, <title>, <link>

C. W sekcji <head> można ustalać szablon strony za pomocą znaczników <div>

D. W sekcji <head> nie wolno umieszczać kodu CSS, tylko odniesienie do pliku CSS

20Pytanie 20

Dla strony internetowej stworzono grafikę rysunek.jpg o wymiarach: szerokość 200 px, wysokość 100 px. Jak można wyświetlić tę grafikę jako miniaturę – pomniejszoną z zachowaniem proporcji, używając znacznika?

A. <img src="rysunek.png" style="width: 25px; height:50px;">

B. <img src="rysunek.png" style="width: 50px">

C. <img src="rysunek.png">

D. <img src="rysunek.png" style="width: 25px; height:25px;">

21Pytanie 21

Która z zasad dotyczących użycia semantycznych znaczników sekcji w języku HTML 5 jest poprawna?

A. Znacznik <main> może być użyty tylko raz w danym dokumencie

B. Znacznik <nav> jest przypisany do sekcji <article>

C. Znacznik <footer> powinien być umieszczony na górze strony, a <header> na jej końcu

D. Znacznik <aside> jest wykorzystywany dla dodatkowej treści strony

22Pytanie 22

Które z pól edycyjnych zostało wystylizowane według poniższego wzoru, zakładając, że pozostałe atrybuty pola mają wartości domyślne, a użytkownik wpisał imię Krzysztof w przeglądarce?

input {
    padding: 10px;
    background-color: Teal;
    color: white;
    border: none;
    border-radius: 7px;
}

A. Pole 2

B. Pole 4

C. Pole 1

D. Pole 3

23Pytanie 23

Który selektor stosuje formatowanie dla akapitów tekstu z klasą tekst oraz dla elementu blokowego o ID obrazki?

A. p.tekst, div#obrazki

B. p#tekst, div.obrazki

C. p.tekst + div#obrazki

D. p#tekst + div.obrazki

24Pytanie 24

Wskaż blok, który jest sformatowany zgodnie z podanym stylem CSS.

background: linear-gradient(to right, LightBlue, DarkBlue);

A. Blok 1

B. Blok 2

C. Blok 3

D. Blok 4

25Pytanie 25

W CSS, poniższy zapis spowoduje, że czerwony kolor zostanie zastosowany do

h1::first-letter {color:red;}

A. pierwsza litera nagłówka drugiego poziomu

B. pierwsza litera nagłówka pierwszego poziomu

C. tekst nagłówka pierwszego poziomu

D. pierwsza linia akapitu

26Pytanie 26

W pliku CSS znajdują się poniższe style. Kiedy klikniemy na hiperłącze i wrócimy na stronę, jego kolor zmieni się na

a { color: Brown; }
a:link { color: Green; }
a:visited { color: Red; }
a:hover { color: Yellow; }

A. zielony

B. żółty

C. brązowy

D. czerwony

27Pytanie 27

Atrybut value w elemencie formularza XHTML

 <input type="text" name="name" value="value">

A. określa nazwę pola

B. określa domyślną wartość

C. ustawia pole jako tylko do odczytu

D. definiuje maksymalną długość pola

28Pytanie 28

Witryna internetowa zawiera poziome menu w formie listy punktowanej. Aby elementy tej listy mogły być wyświetlane w jednej linii, należy przypisać selektorowi li właściwość

A. outline

B. display

C. position

D. text-align

29Pytanie 29

W przedstawionym kodzie HTML, zaprezentowany styl CSS jest stylem:

<p style="color:red;">To jest przykładowy akapit.</p>

A. zewnętrznym

B. lokalnym

C. nagłówkowym

D. dynamicznym

30Pytanie 30

W jakim typie pliku powinno się zapisać zdjęcie, aby mogło być wyświetlane na stronie WWW z zachowaniem efektu przezroczystości?

A. JPG

B. BMP

C. PNG

D. CDR

31Pytanie 31

Który z poniższych typów plików NIE JEST używany do publikacji grafiki lub animacji na stronach www?

A. SVG

B. SWF

C. AIFF

D. PNG

32Pytanie 32

W firmie zajmującej się technologiami informacyjnymi otwarta jest rekrutacja na stanowisko administratora e-sklepu. Do jego zadań należy instalacja i konfiguracja systemu zarządzania treścią, który jest przeznaczony jedynie dla sklepu internetowego, zmiana szablonów wizualnych oraz dostosowanie grafiki. Jakie umiejętności powinien posiadać nowy pracownik?

A. HTML, CSS, Photoshop

B. Photoshop, Gimp, JavaScript

C. CMS PrestaShop, CSS, Gimp

D. CMS WordPress, HTML, Gimp

33Pytanie 33

Metainformacja “Description" zawarta w pliku źródłowym HTML powinna zawierać

<head>
     <meta name="Description" content="..." >
 </head>

A. opis, co znajduje się na stronie.

B. informację, kto jest autorem strony.

C. nazwę programu, przy użyciu którego została stworzona strona.

D. wyrazy kluczowe, z których korzystają wyszukiwarki sieciowe.

34Pytanie 34

W CSS, aby określić typ czcionki, powinno się zastosować właściwość

A. font-face

B. font-size

C. font-family

D. font-style

35Pytanie 35

Znacznik <ins> w HTML ma na celu wskazanie

A. tekstu, który został dodany

B. tekstu, który został przerobiony

C. tekstu, który został usunięty

D. bloku tekstu, który jest cytowany

36Pytanie 36

W CSS, stosowanie poniższego kodu na stronie z kilkoma akapitami, gdzie każdy składa się z kilku linijek, spowoduje, że

p::first-line
 {
     font-size: 150%;
 }

A. cały tekst w paragrafie zostanie powiększony o 150%

B. pierwsza linia każdego z paragrafów będzie miała mniejszą wielkość czcionki od pozostałych linii

C. pierwsza linia każdego paragrafu będzie miała większą czcionkę niż pozostałe linie

D. pierwszy paragraf na stronie będzie miał powiększoną czcionkę w całości

37Pytanie 37

Wskaż, który paragraf jest sformatowany przy użyciu podanego stylu CSS:

p {
    font-family: serif;
    background-color: Teal;
    color: white;
    font-style: italic;
}

A. Paragraf 1

B. Paragraf 4

C. Paragraf 2

D. Paragraf 3

38Pytanie 38

W znaczniku (w sekcji ) strony internetowej nie zamieszcza się informacji odnoszących się do

A. automatycznego przeładowania

B. kodowania

C. autora

D. rodzaju dokumentu

39Pytanie 39

Aby sformatować wszystkie obrazy w akapicie przy użyciu stylów CSS, należy zastosować selektor

A. p img

B. p # img

C. p + img

D. p.img

40Pytanie 40

Jak przeglądarka zaprezentuje kod HTML formularza?

<form>
stanowisko: <input type="text"><br>
obowiązki:<br>
<input type="checkbox" name="obowiazek1" value="1" disabled checked>
sporządzanie dokumentacji<br>
<input type="checkbox" name="obowiazek2" value="2" checked>
pisanie kodu<br>
<input type="checkbox" name="obowiazek3" value="3">
testy oprogramowania<br>
</form>

A. A

B. B

C. C

D. D

🔑 KLUCZ ODPOWIEDZI

Token: HsRCEDztixjZ82eI | INF.03 | Pytań: 40 | Próg: 20 poprawnych

Numer zadania	Odpowiedź
1	B
2	D
3	A
4	D
5	B
6	D
7	B
8	C
9	C
10	B
11	D
12	C
13	C
14	B
15	B
16	A
17	C
18	A
19	B
20	B

Numer zadania	Odpowiedź
21	A
22	A
23	A
24	B
25	B
26	D
27	B
28	B
29	B
30	C
31	C
32	C
33	A
34	C
35	A
36	C
37	B
38	D
39	A
40	D

Numer zadania	Odpowiedź
21	A
22	A
23	A
24	B
25	B
26	D
27	B
28	B
29	B
30	C
31	C
32	C
33	A
34	C
35	A
36	C
37	B
38	D
39	A
40	D

Numer zadania	Odpowiedź
21	A
22	A
23	A
24	B
25	B
26	D
27	B
28	B
29	B
30	C
31	C
32	C
33	A
34	C
35	A
36	C
37	B
38	D
39	A
40	D

🖨️ Gotowe do wydruku!

ARKUSZ EGZAMINACYJNY

INF.03Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

🔑 KLUCZ ODPOWIEDZI

INF.03
Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych

Numer zadania	Odpowiedź
21	A
22	A
23	A
24	B
25	B
26	D
27	B
28	B
29	B
30	C
31	C
32	C
33	A
34	C
35	A
36	C
37	B
38	D
39	A
40	D