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 06:26
Token arkusza:aMjV5NGnFssH1yZP
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/aMjV5NGnFssH1yZP/

1Pytanie 1

W języku CSS określono formatowanie znacznika h1 według wzoru. Zakładając, że żadne inne formatowanie nie jest dodane do znacznika h1, wskaż sposób formatowania tego znacznika

A. A

B. B

C. C

D. D

2Pytanie 2

Styl ten generuje pojedyncze obramowanie, które charakteryzuje się następującymi właściwościami:

border: solid 1px;
border-color: red blue green yellow;

A. krawędź górna ma kolor czerwony, krawędź prawa jest w kolorze niebieskim, krawędź dolna ma kolor zielony, krawędź lewa jest koloru żółtego

B. krawędź prawa jest koloru czerwonego, krawędź dolna ma kolor niebieski, krawędź lewa ma kolor zielony, krawędź górna ma kolor żółty

C. krawędź górna jest czerwonego koloru, krawędź lewa jest w kolorze niebieskim, krawędź dolna ma kolor zielony, krawędź prawa ma kolor żółty

D. krawędź lewa ma kolor czerwony, krawędź dolna jest w kolorze niebieskim, krawędź prawa jest koloru zielonego, krawędź górna ma kolor żółty

3Pytanie 3

Którym znacznikiem osadzić kod CSS wewnątrz dokumentu HTML?

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

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

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

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

4Pytanie 4

Aby elementy <li> listy menu wyświetlały się w jednej linii (poziomo), której właściwości CSS użyć?

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

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

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

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

5Pytanie 5

Która technologia zapewnia SZYFROWANE połączenie ze stroną (HTTPS)?

A. SSL

B. CMS

C. SEO

D. FTP

6Pytanie 6

Jaką właściwość pola w tabeli powinno się ustawić, aby akceptowało ono wyłącznie dane liczbowe?

A. Tagi inteligentne

B. Wartość domyślną

C. Maskę wprowadzania

D. Regułę sprawdzania poprawności

7Pytanie 7

Zapis CSS

margin: auto;

wskazuje, że marginesy są

A. dziedziczone z elementu nadrzędnego dla danego obiektu

B. stałe dla konkretnej przeglądarki, niezależnie od rozmiaru jej okna

C. równe domyślnym wartościom marginesów elementu, do którego są przypisane

D. obliczane przez przeglądarkę w taki sposób, aby element został wyśrodkowany poziomo

8Pytanie 8

Strona internetowa została zaprezentowana w taki sposób:

Rozdział 1

tekst

Podrozdział 1.1

tekst

Podrozdział 1.2

Jakie są poprawne znaczniki do tego formatu?

A. <big>Rozdział 1</big>tekst<big>Podrozdział 1.1</big>tekst<big>Podrozdział 1.2</big>

B. <ul><li>Rozdział 1<li>tekst<li>Podrozdział 1.1<li>tekst<li>Podrozdział 1.2</ul>

C. <h1>Rozdział 1</h1> tekst <h2>Podrozdział 1.1</h2> tekst <h2>Podrozdział 1.2</h2>

D. <h1>Rozdział 1tekst <h2>Podrozdział 1.1tekst <h2>Podrozdział 1.2

9Pytanie 9

W języku CSS zdefiniowano styl. Sformatowana tym stylem sekcja będzie zawierała obramowanie o szerokości:

div { border: solid 2px blue;
       margin: 20px;}

A. 2 px oraz marginesy wewnętrzne tego obramowania

B. 20 px oraz marginesy wewnętrzne tego obramowania

C. 2 px oraz marginesy zewnętrzne tego obramowania

D. 20 px oraz marginesy zewnętrzne tego obramowania

10Pytanie 10

Jaką metodę zastosowano do dodania arkusza stylów do dokumentu HTML w pokazanym kodzie?

A. Styl zewnętrzny

B. Styl wewnętrzny

C. Styl wpisany, lokalny

D. Styl alternatywny, zewnętrzny

11Pytanie 11

Który program przekształca kod źródłowy napisany w danym języku programowania na język zrozumiały dla komputera?

A. debugger

B. kompilator

C. edytor kodu źródłowego

D. środowisko programistyczne (IDE)

12Pytanie 12

Aby strona internetowa była bardziej dostępna dla osób niewidomych, obrazom wstawianym znacznikiem img należy nadać atrybut:

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

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

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

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

13Pytanie 13

W języku HTML atrybut shape w znaczniku area, który definiuje typ obszaru, może mieć wartość

A. rect, square, circle

B. poly, square, circle

C. rect, poly, circle

D. rect, triangle, circle

14Pytanie 14

Który zapis poprawnie ustawia w CSS niebieski kolor tekstu?

A. <pre class="code-block">color: blue;</pre>

B. <pre class="code-block">text-color: blue;</pre>

C. <pre class="code-block">color: (blue);</pre>

D. <pre class="code-block">font-color: blue;</pre>

15Pytanie 15

Której wartości użyć w CSS, aby obramowanie było linią KRESKOWĄ?

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

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

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

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

16Pytanie 16

Wskaź poprawną formę kodowania polskich znaków w pliku HTML?

A. <meta content='UTF8'>

B. <meta "content=UTF-8">

C. <meta charset="UTF-8">

D. <meta char set= "UTF-8">

17Pytanie 17

Grafika, która ma być umieszczona na stronie, powinna mieć przezroczyste tło. Jakim formatem graficznym powinien być zapisany taki plik?

A. CDR

B. PNG

C. BMP

D. JPEG

18Pytanie 18

Który odnośnik (hiperłącze) jest poprawnie zapisany?

A. <pre class="code-block"><a src="/www.strona.pl">strona</a></pre>

B. <pre class="code-block"><a href=http://strona.pl>strona</a></pre>

C. <pre class="code-block"><a href="http::/strona.pl>strona</a></pre>

D. <pre class="code-block"><a href="http://strona.pl">strona</a></pre>

19Pytanie 19

Który z podanych formatów plików jest formatem rastrowym?

A. SVG

B. SWF

C. CDR

D. TIFF

20Pytanie 20

Aby obraz w filmie zmieniał się płynnie, liczba klatek na sekundę powinna wynosić co najmniej:

A. 16 - 19 fps

B. 20 - 23 fps

C. 24 - 30 fps

D. 31 - 36 fps

21Pytanie 21

Znak <s> w HTML powoduje

A. skreślenie tekstu

B. pochylenie tekstu

C. migotanie tekstu

D. podkreślenie tekstu

22Pytanie 22

Co zazwyczaj wchodzi w skład frameworka?

A. obsługa błędów i domena

B. wbudowany serwer i obsługa formularzy

C. certyfikat HTTP oraz mechanizm przetwarzania akcji

D. zarządzanie komunikacją z bazą oraz mechanizm uruchamiania i przetwarzania akcji

23Pytanie 23

W której z technologii NIE da się przetwarzać danych wprowadzonych przez użytkownika na stronie WWW?

A. CSS

B. PHP

C. AJAX

D. JavaScript

24Pytanie 24

W kodzie CSS zapis ```a[target="_blank"] {color:yellow;}``` spowoduje, że kolor żółty zostanie przypisany do tekstu

A. tekstów w paragrafie

B. wszystkich linków

C. linków, które otwierają się w nowej karcie

D. linków, które są otwierane w tej samej karcie

25Pytanie 25

Który z przedstawionych poniżej fragmentów kodu HTML5 zostanie uznany przez walidator HTML za niepoprawny?

A. tekst

B. tekst

C. tekst

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

26Pytanie 26

W instrukcjach, których celem jest odtwarzanie dźwięku na stronie internetowej jako tła muzycznego, nie stosuje się atrybutu

A. loop="10"

B. balance="10"

C. volume="-100"

D. href="c:/100.wav"

27Pytanie 27

Wykorzystanie definicji stylu CSS spowoduje, że nagłówki drugiego poziomu będą się wyświetlać

h2 {
    text-decoration: overline;
    font-style: italic;
    line-height: 60px;
}

A. czcionką standardową, z linią pod tekstem, odległość między znakami wynosi 60 px

B. czcionką kursywną, z linią nad tekstem, wysokość wiersza wynosi 60 px

C. czcionką standardową, z linią nad tekstem, wysokość wiersza wynosi 60 px

D. czcionką kursywną, z linią pod tekstem, wysokość wiersza wynosi 60 px

28Pytanie 28

Który format zapisze obraz rastrowy BEZ utraty jakości (bezstratnie) i nadaje się na stronę WWW?

A. JPG

B. BMP

C. PNG

D. CDR

29Pytanie 29

W języku HTML atrybut shape w znaczniku area, który definiuje typ obszaru, może mieć wartość

A. rect, square, circle

B. poly, square, circle

C. rect, poly, circle

D. rect, triangle, circle

30Pytanie 30

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;">

31Pytanie 31

Jaką wartość w formacie szesnastkowym ma kolor rgb(255, 16, 8)?

A. #FF0F80

B. #801008

C. #FF1008

D. #800F80

32Pytanie 32

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

33Pytanie 33

W kaskadowych arkuszach stylów do oznaczenia selektora klasy wykorzystuje się symbol

A. #

B. . (kropka)

C. *

D. : (dwukropek)

34Pytanie 34

Który zapis CSS ustawi wcięcie PIERWSZEJ linii akapitu na 30 pikseli?

A. <pre class="code-block">p { text-indent: 30px; }</pre>

B. <pre class="code-block">p { text-spacing: 30px; }</pre>

C. <pre class="code-block">p { line-height: 30px; }</pre>

D. <pre class="code-block">p { line-indent: 30px; }</pre>

35Pytanie 35

Jak ustawić tło body obrazem rys.png, powtarzanym TYLKO w poziomie?

A. <pre class="code-block">background-image: url("rys.png"); background-repeat: round;</pre>

B. <pre class="code-block">background-image: url("rys.png"); background-repeat: repeat;</pre>

C. <pre class="code-block">background-image: url("rys.png"); background-repeat: repeat-x;</pre>

D. <pre class="code-block">background-image: url("rys.png"); background-repeat: repeat-y;</pre>

36Pytanie 36

Który zapis znacznika <meta> jest poprawny pod względem użytych atrybutów?

A. <pre class="code-block"><meta name="!DOCTYPE"></pre>

B. <pre class="code-block"><meta name="description" content="..."></pre>

C. <pre class="code-block"><meta title="Strona dla hobbystów"></pre>

D. <pre class="code-block"><meta background="blue"></pre>

37Pytanie 37

Wskaż kod CSS, który odpowiada layoutowi bloków 2 – 5, zakładając, że są one utworzone na podstawie podanego kodu HTML.

A. Kod 1

B. Kod 2

C. Kod 3

D. Kod 4

38Pytanie 38

Dostosowanie wyglądu witryny do indywidualnych preferencji użytkownika oraz jego identyfikacja w systemie są możliwe dzięki mechanizmowi

A. formularzy

B. obiektów DOM

C. cookie

D. łączenia z bazą

39Pytanie 39

W języku CSS zapis

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

zastosowany na stronie z wieloma paragrafami, z których każdy zawiera kilka linii, spowoduje, że

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

B. pierwsza linia każdego paragrafu będzie miała mniejszą czcionkę niż pozostałe linie

C. cały tekst paragrafu zostanie powiększony o 150%

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

40Pytanie 40

Aby przygotować szablon strony z trzema kolumnami ustawionymi obok siebie, należy posłużyć się stylem CSS:

A. <pre class="code-block">.kolumny { float: left; width: 33%; }</pre>

B. <pre class="code-block">.kolumny { clear: both; height: 33%; }</pre>

C. <pre class="code-block">.kolumny { float: right; height: 33%; }</pre>

D. <pre class="code-block">.kolumny { float: left; width: 40%; }</pre>

🔑 KLUCZ ODPOWIEDZI

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

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

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

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

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

🖨️ Gotowe do wydruku!