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 17:11
Token arkusza:PFjvF7vdAV8SrMpY
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/PFjvF7vdAV8SrMpY/

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

Kod języka CSS można umieścić wewnątrz kodu HTML, posługując się znacznikiem

A. <style>

B. <head>

C. <body>

D. <meta>

4Pytanie 4

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

5Pytanie 5

Jaką technologię zaleca się przy budowie witryn WWW, aby użytkownicy bez umiejętności programistycznych mogli samodzielnie wprowadzać zmiany w treści bez kodowania?

A. CMS

B. SEO

C. FTP

D. SSL

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> <p>tekst</p> <h2>Podrozdział 1.1</h2> <p>tekst</p> <h2>Podrozdział 1.2</h2>

D. <h1>Rozdział 1<p>tekst <h2>Podrozdział 1.1<p>tekst <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 komputerowy zamienia kod źródłowy, stworzony 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

12Pytanie 12

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

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

Jak można w języku CSS ustawić kolor czerwony dla tekstu?

A. color: rgb(255,0,0);

B. color: rgb(#FF0000);

C. text-color: rgb(255,0,0);

D. text-color: rgb(#FF0000);

15Pytanie 15

W stylach CSS, aby ustalić styl linii obramowania jako linię kreskową, należy zastosować wartość

A. solid

B. dotted

C. dashed

D. groove

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 link jest poprawnie sformułowany?

A. <a src="/www.strona.pl">strona</a>

B. <a href=http://strona.pl>strona</a>

C. <a href="http::/strona.pl>strona</a>

D. <a href="http://strona.pl">strona</a>

19Pytanie 19

Który z poniższych typów plików jest plikiem rastrowym?

A. SVG

B. SWF

C. CDR

D. TIFF

20Pytanie 20

Aby uzyskać płynne przejścia obrazów w filmie, liczba klatek (niewchodzących w interakcję ze sobą) na sekundę powinna znajdować się w co najmniej takim zakresie

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 Framework'a?

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

B. wbudowany serwer i obsługa formularzy

C. certyfikat http oraz mechanizm przetwarzania i uruchamiania akcji

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

23Pytanie 23

W jakiej technologii niemożliwe jest przetwarzanie danych wprowadzanych 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. <p class= "stl">tekst</p>

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

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

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

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

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

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 określony kodem RGB o wartościach rgb(128,16,8)?

A. #FF0F80

B. #FF1008

C. #801008

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

Aby zastosować w CSS wcięcie pierwszej linii akapitu na 30 pikseli, należy użyć zapisu

A. p{text-indent: 30px;}

B. p{text-spacing: 30px;}

C. p{line-height: 30px;}

D. p{line-indent: 30px;}

35Pytanie 35

W CSS należy ustawić tło dokumentu na obrazek rys.png. Obrazek powinien się powtarzać tylko w poziomej osi. Jaką definicję powinien mieć selektor body?

A. {background-image: url("rys.png"); background-repeat: round;}

B. {background-image: url("rys.png"); background-repeat: repeat;}

C. {background-image: url("rys.png"); background-repeat: repeat-x;}

D. {background-image: url("rys.png"); background-repeat: repeat-y;}

36Pytanie 36

Który z wariantów znacznika jest poprawny pod względem użytych atrybutów?

A. <meta name = "!DOCTYPE">

B. <meta name = "description" content = "Masz jakieś hobby? To jest strona dla Ciebie! ">

C. <meta title = "Strona dla hobbystów">

D. <meta background = blue>

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 stworzyć układ strony z trzema kolumnami obok siebie, można wykorzystać styl CSS