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: 26.05.2026 02:16
Token arkusza:nR962jELA0EQPyaE
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/nR962jELA0EQPyaE/

1Pytanie 1

W dokumencie XHTML znajduje się fragment kodu, który posiada błąd w walidacji. Na czym ten błąd polega? ```

tekst

pierwsza linia
Druga linia

```

A. Znacznik <b> nie może być umieszczany wewnątrz znacznika <p>

B. Nie ma nagłówka szóstego stopnia

C. Znaczniki powinny być zapisywane dużymi literami

D. Znacznik <br> musi być zamknięty

2Pytanie 2

Który kod HTML spowoduje identyczne formatowanie jak przedstawione na obrazku?

W tym paragrafie zobaczysz sposoby formatowania tekstu w HTML

<p>W tym <i>paragrafie zobaczysz sposoby formatowania</i> tekstu w HTML</p>
<p>W tym <b>paragrafie <i>zobaczysz</i> sposoby formatowania</b> tekstu w HTML</p>
<p>W tym <i>paragrafie <b>zobaczysz</b> sposoby formatowania</i> tekstu w HTML</p>
<p>W tym <i>paragrafie </i><b>zobaczysz</b><i> sposoby formatowania</i> tekstu w HTML</p>

A. Odpowiedź A

B. Odpowiedź B

C. Odpowiedź C

D. Odpowiedź D

3Pytanie 3

W HTML, aby utworzyć hiperłącze, które otworzy się w nowej karcie przeglądarki, należy użyć atrybutu

A. target = "_new"

B. rel = "prev"

C. target = "_blank"

D. rel = "external"

4Pytanie 4

Po przeprowadzeniu walidacji dokumentu HTML pojawił się błąd przedstawiony na zrzucie. Jak można go usunąć?

A. w znaczniku img zmienić nazwę atrybutu src na href

B. dodać atrybut alt do grafiki

C. w znaczniku img zmienić nazwę atrybutu src na alt

D. zmienić zapis </h1> na <h1>

5Pytanie 5

Deklaracja z właściwością background-attachment: scroll sprawia, że

A. grafika tła będzie się powtarzać (kafelki)

B. tło strony będzie przesuwane razem z zawartością tekstową

C. tło strony zostanie zamocowane, a tekst będzie się poruszał

D. grafika tła będzie widoczna w prawym górnym rogu strony

6Pytanie 6

Wskaż zapis stylu CSS, który formatuje punktor listy numerowanej na wielkie cyfry rzymskie oraz listy punktowanej na kwadraty?

A. ol { list-style-type: disc; } ul { list-style-type: upper-alpha; }

B. ol { list-style-type: upper-roman; } ul { list-style-type: square; }

C. ol { list-style-type: upper-alpha; } ul { list-style-type: disc; }

D. ol { list-style-type: square; } ul { list-style-type: upper-roman; }

7Pytanie 7

Jak zdefiniować formatowanie tabeli w języku CSS, aby wyróżnić wiersz, na który aktualnie najeżdża kursor myszy, korzystając z innego koloru?

A. pseudoklasę :hover

B. pseudoklasę :visited

C. pseudoelement ::marker

D. pseudoelement ::first-line

8Pytanie 8

Komunikat błędu generowany przez walidator HTML może wskazywać na

A. brak zamknięcia znacznika <p>

B. zamknięciu znacznika <p>, mimo że wcześniej nie był on otwarty

C. niezgodną ilość znaczników <p> otwartych i zamkniętych

D. brak zamknięcia znaczników zagnieżdżonych wewnątrz znacznika <p> przed jego zakończeniem

9Pytanie 9

W języku HTML, aby połączyć w pionie dwie sąsiadujące komórki w kolumnie tabeli, należy użyć atrybutu

A. colspan

B. rowspan

C. cellpadding

D. cellspacing

10Pytanie 10

Jakie polecenie w CSS wykorzystuje się do dołączenia zewnętrznego arkusza stylów?

A. open

B. import

C. require

D. include

11Pytanie 11

<img src="/rysunek.png" alt="pejzaż"> Zapisany został kod HTML, który wstawia obrazek na stronę. Jeśli rysunek.png nie zostanie znaleziony, przeglądarka

A. nie załaduje strony internetowej

B. wyświetli w miejscu grafiki tekst "pejzaż"

C. w miejscu grafiki pokaże tekst "rysunek.png"

D. w miejscu grafiki zasygnalizuje błąd wyświetlania strony

12Pytanie 12

Jak nazwana jest technika dołączania arkusza stylów do dokumentu HTML użyta w podanym kodzie?

<p style="color:red;">tekst</p>

A. Styl wewnętrzny

B. Styl alternatywny, zewnętrzny

C. Styl wpisany, lokalny

D. Styl zewnętrzny

13Pytanie 13

W HTML 5 atrybut action jest wykorzystywany w znaczniku

A. <form>

B. <code>

C. <body>

D. <head>

14Pytanie 14

Selektor CSS a:link {color:red} w arkuszach stylów nazywanych kaskadowymi określa

A. klasę.

B. pseudoklasę.

C. identyfikator.

D. pseudoelement.

15Pytanie 15

Przy założeniu, że nie istnieją inne definicje, jakie skutki będzie miało poniższe formatowanie CSS?

<style> td {padding: 30px; } </style>
 …
 <td style="padding: 10px;">Anna</td>
 <td>Ewa</td>

A. marginesy wewnętrzne wszystkich komórek wyniosą 30 px

B. margines wewnętrzny komórki z napisem Anna wyniesie 10 px, a z napisem Ewa – 30 px

C. marginesy wewnętrzne wszystkich komórek wyniosą 10 px

D. margines wewnętrzny komórki z napisem Anna wyniesie 30 px, a z napisem Ewa – 10 px

16Pytanie 16

Stronę internetową zapisano w języku XHTML. Który z kodów stanowi implementację przedstawionego fragmentu strony, jeżeli żadne style CSS nie zostały zdefiniowane?

Początki HTML

W 1980 fizyk Tim Berners-Lee, pracownik CERN,
stworzył prototyp hipertekstowego systemu informacyjnego – ENQUIRE

<b>Początki HTML</b>
<p>W 1980 fizyk <b>Tim Berners-Lee</b>, pracownik <i>CERN</i>,<br /> stworzył
<b>prototyp hipertekstowego systemu informacyjnego – <i>ENQUIRE</i></b></p>

<h1>Początki HTML</h1>
<p>W 1980 fizyk <b>Tim Berners-Lee</b>, pracownik <i>CERN</i>,<br /> stworzył
<b>prototyp hipertekstowego systemu informacyjnego – <i>ENQUIRE</i></b></p>

<b>Początki HTML</b>
<p>W 1980 fizyk <b>Tim Berners-Lee</b>, pracownik <i>CERN</i>,<hr /> stworzył
<b>prototyp hipertekstowego systemu informacyjnego – <i>ENQUIRE</i></b></p>

<h1>Początki HTML</h1>
<p>W 1980 fizyk <b>Tim Berners-Lee</b>, pracownik <i>CERN</i>,<br /> stworzył
<i>prototyp hipertekstowego systemu informacyjnego – <b>ENQUIRE</b></i></p>

A. A.

B. B.

C. C.

D. D.

17Pytanie 17

Aby zidentyfikować błędy w składni kodu HTML, trzeba użyć

A. debuggera

B. walidatora

C. interpretera

D. kompilatora

18Pytanie 18

W znaczniku <meta ...> w sekcji <meta ...> na stronie internetowej nie zamieszcza się informacji o

A. autorze

B. kodowaniu

C. typie dokumentu

D. automatycznym odświeżaniu

19Pytanie 19

Który z przedstawionych kodów HTML sformatuje tekst według wzoru?
(uwaga: słowo "stacji" jest zapisane większą czcionką niż reszta słów w tej linii)

Lokomotywa

Stoi na stacji lokomotywa ...

A.
<h1>Lokomotywa</h1>
<p>Stoi na <big>stacji lokomotywa ...</p>

B.
<h1>Lokomotywa</h1>
<p>Stoi na <big>stacji</big> lokomotywa ...</p>

C.
<h1>Lokomotywa</p>
<p>Stoi na <big>stacji</big> lokomotywa ...</p>

D.
<p><small>Lokomotywa</small></p>
<p>Stoi na <big>stacji<big> lokomotywa ...</p>

A. A.

B. B.

C. C.

D. D.

20Pytanie 20

W trakcie walidacji dokumentu HTML5 napotkano komunikat o treści: "Error: Element head is missing a required instance of child element title". Co to oznacza w kontekście dokumentu?

A. element <title> nie jest konieczny.

B. element <title> nie został poprawnie zamknięty przez </title>.

C. nie zdefiniowano elementu <title> w sekcji <head> dokumentu.

D. nie zdefiniowano wymaganego atrybutu title w znaczniku <img>.

21Pytanie 21

W HTML-u, aby umieścić animację FLASH (z rozszerzeniem .swf) na stronie www, powinno się wykorzystać znacznik

A. <audio>

B. <img>

C. <object>

D. <video>

22Pytanie 22

Który z poniższych języków jest używany do stylizacji stron WWW?

A. CSS

B. HTML

C. SQL

D. Python

23Pytanie 23

W CSS zapisana reguła ```css p::first-line {font-size: 150%;} ``` wykorzystana na stronie z wieloma paragrafami, z których każdy składa się z kilku linijek, spowoduje, że

A. pierwsza linia każdego z paragrafów będzie miała mniejszy rozmiar czcionki niż pozostałe linie

B. pierwsza linia każdego z paragrafów będzie miała większy rozmiar czcionki niż pozostałe linie

C. pierwszy paragraf na stronie będzie miał całą czcionkę powiększoną

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

24Pytanie 24

Edytor, który realizuje zasady WYSIWYG, powinien umożliwiać

A. tworzenie elementów podstawowej grafiki wektorowej

B. publikację serwisów na serwerze przy użyciu wbudowanego klienta FTP

C. przetwarzanie plików dźwiękowych przed ich umieszczeniem na stronie internetowej

D. osiągnięcie podobnego rezultatu tworzonej strony do jej wizualizacji w przeglądarce internetowej

25Pytanie 25

Fragment kodu HTML z JavaScript spowoduje, że po kliknięciu przycisku

<img src="obraz1.png">
<img src="obraz2.png" id="id1">
<button onclick="document.getElementById('id1').style.display='none'">Przycisk</button>

A. obraz1.png zostanie schowany

B. obraz2.png zastąpi obraz1.png

C. obraz1.png zastąpi obraz2.png

D. obraz2.png zostanie schowany

26Pytanie 26

Którego znacznika NIE NALEŻY umieszczać w nagłówku dokumentu HTML?

A. <link>

B. <meta>

C. <h2>

D. <title>

27Pytanie 27

Wymiary:	4272x2848px
Rozdzielczość:	72 dpi
Format:	JPG

W ramce przedstawiono właściwości pliku graficznego. W celu optymalizacji czasu ładowania rysunku na stronę WWW należy

A. zmniejszyć rozmiary obrazu

B. zwiększyć rozdzielczość

C. zmienić format grafiki na CDR

D. dostosować proporcje szerokości do wysokości

28Pytanie 28

W sekcji <head> (w elemencie <meta ... >) witryny www nie umieszcza się danych dotyczących

A. autora

B. kodowania

C. automatycznego odświeżania

D. typu dokumentu

29Pytanie 29

W dokumencie HTML zdefiniowano listę oraz dodano do niej formatowanie CSS. Który z efektów odpowiada tej definicji?

<ul>
  <li>Foksterier
  <li>Bokser
  <li>Baset
</ul>

li::after {
  content: " - Pies";
  background-color: teal;
  color: white;
}

Efekt 1

Foksterier
Bokser
Baset

Efekt 2

Foksterier
Bokser
Baset

Efekt 3

Foksterier
Bokser
Baset

Efekt 4

Foksterier
Bokser
Baset

A. Efekt 2.

B. Efekt 4.

C. Efekt 3.

D. Efekt 1.

30Pytanie 30

W języku CSS wprowadzono poniższe formatowanie:

p > i { color: blue; }

Oznacza to, że tekst w kolorze niebieskim będzie zapisany:

A. pochylony tekst akapitu

B. cały tekst akapitu, bez względu na jego formatowanie

C. pogrubiony tekst akapitu

D. cały tekst nagłówków, bez względu na ich formatowanie

31Pytanie 31

W dołączonym fragmencie kodu CSS kolor został przedstawiony w formie

A. szesnastkowej

B. dziesiętnej

C. CMYK

D. HSL

32Pytanie 32

Jaką wartość w systemie szesnastkowym przyjmie kolor określony kodem RGB rgb(255, 128, 16)?

A. #008010

B. #ff8011

C. #ff8010

D. #ff0f10

33Pytanie 33

Elementarna animacja może być zapisana w formacie

A. TIFF

B. BMP

C. PSD

D. GIF

34Pytanie 34

Kolor wyrażony w modelu RGB(255, 0, 0) to

A. niebieski.

B. zielony.

C. czerwony.

D. żółty.

35Pytanie 35

W CSS zastosowano regułę: float:left; dla bloku. Jakie będzie jej zastosowanie?

A. dopasowanie elementów tabeli do lewej krawędzi

B. wyrównanie tekstu do lewej strony

C. umieszczanie bloków jeden pod drugim

D. ustawienie bloku na lewo względem innych

36Pytanie 36

Wskaż fragment kodu HTML5, który zostanie uznany przez walidator za niepoprawny?

A. <p class="stl" id="a">tekst</p>

B. <p class="stl"><style>.a{color:#F00}</style>tekst</p>

C. <p class="stl" style="color: #F00">tekst</p>

D. <p class="stl">tekst</p>

37Pytanie 37

W zaprezentowanym fragmencie dokumentu HTML ustalono stylowanie CSS dla selektora klasy "menu", aby kolor tła tego elementu był zielony. Które z poniższych określeń stylu CSS odpowiada temu stylowaniu?

<div class="menu"></div>

A. div.menu { background-color: green; }

B. #menu { background-color: rgb(0,255,0); }

C. menu { background-color: rgb(0,255,0); }

D. div:menu { color: green; }

38Pytanie 38

Które z formatowań nie jest wyrażone w języku CSS?

A. Fragment pliku strona.html:

<style>
body { background-color: yellow; }
</style>

B. Fragment pliku formatowanie.css:

body { background-color: yellow; }

C. Fragment pliku strona.html:

<body bgcolor="yellow">

D. Fragment pliku strona.html:

<body style="background-color: yellow;" >

A. A.

B. B.

C. C.

D. D.

39Pytanie 39

Aby stworzyć stronę internetową, która będzie odpowiadać załączonej ilustracji, konieczne jest użycie semantycznych znaczników sekcji w języku HTML5. Jakim znacznikiem należy określić sekcję menu?

A. div

B. nav

C. aside

D. header

40Pytanie 40

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

🔑 KLUCZ ODPOWIEDZI

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

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

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

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

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

🖨️ Gotowe do wydruku!

ARKUSZ EGZAMINACYJNY

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

tekst

Początki HTML

Lokomotywa

🔑 KLUCZ ODPOWIEDZI

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

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