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: 14.07.2026 09:10
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 nie może być umieszczany wewnątrz znacznika

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

C. Znaczniki powinny być zapisywane dużymi literami

D. Znacznik 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 background-attachment: scroll sprawia, że:

A. grafika tła będzie powtarzana (kafelki)

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

C. tło będzie nieruchome, a treść będzie się przewijać

D. grafika tła pojawi się w prawym górnym rogu

6Pytanie 6

Który zapis CSS ustawi punktor listy NUMEROWANEJ na wielkie cyfry rzymskie, a PUNKTOWANEJ na kwadraty?

A. <pre class="code-block">ol { list-style-type: disc; } ul { list-style-type: upper-alpha; }</pre>

B. <pre class="code-block">ol { list-style-type: upper-roman; } ul { list-style-type: square; }</pre>

C. <pre class="code-block">ol { list-style-type: upper-alpha; } ul { list-style-type: disc; }</pre>

D. <pre class="code-block">ol { list-style-type: square; } ul { list-style-type: upper-roman; }</pre>

7Pytanie 7

Której pseudoklasy/pseudoelementu użyć, aby wyróżnić kolorem wiersz tabeli, NAD którym jest kursor?

A. <pre class="code-block">:hover</pre>

B. <pre class="code-block">:visited</pre>

C. <pre class="code-block">::marker</pre>

D. <pre class="code-block">::first-line</pre>

8Pytanie 8

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

A. brak zamknięcia znacznika <code><p></code>

B. zbyt długą treść akapitu <code><p></code>

C. użycie zbyt wielu kolorów na stronie

D. zbyt wolne ładowanie strony

9Pytanie 9

Którego atrybutu użyć, aby scalić w PIONIE dwie sąsiednie komórki tabeli?

A. <pre class="code-block">colspan</pre>

B. <pre class="code-block">rowspan</pre>

C. <pre class="code-block">cellpadding</pre>

D. <pre class="code-block">cellspacing</pre>

10Pytanie 10

Którego słowa kluczowego używa się w CSS, aby dołączyć zewnętrzny arkusz 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 którym znaczniku HTML5 stosuje się atrybut action?

A. <pre class="code-block"><form></pre>

B. <pre class="code-block"><code></pre>

C. <pre class="code-block"><body></pre>

D. <pre class="code-block"><head></pre>

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 wskazać błędy składniowe w kodzie HTML, należy zastosować:

A. debugger

B. walidator

C. interpreter

D. kompilator

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 języków służy 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

Co powinien umożliwiać edytor działający w trybie WYSIWYG?

A. tworzenie podstawowej grafiki wektorowej

B. publikację strony przez wbudowany klient FTP

C. obróbkę plików dźwiękowych

D. uzyskanie wyglądu strony zbliżonego do jej obrazu w przeglądarce

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

Jaką barwę przedstawia kolor zapisany w modelu RGB(255, 0, 0)?

A. niebieską

B. zieloną

C. czerwoną

D. żółtą

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. tekst

B. <style>.a{color:#F00}</style>tekst

C. tekst

D. tekst

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

Której pseudoklasy CSS użyć, aby element zmieniał kolor po najechaniu kursorem?

A. <pre class="code-block">:active</pre>

B. <pre class="code-block">:hover</pre>

C. <pre class="code-block">:visited</pre>

D. <pre class="code-block">:coursor</pre>

🔑 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