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ń)
Liczba pytań: 40
Czas trwania: 60 minut (standardowo)
Próg zdawalności: 50% (20 pytań)
Wygenerowano: 22.09.2026 07:04
Token arkusza:taP2-cmqL4vCr9Cc
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/taP2-cmqL4vCr9Cc/
Token arkusza:taP2-cmqL4vCr9Cc
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/taP2-cmqL4vCr9Cc/
1Pytanie 1
Na czym polega walidacja pól formularza?
A. na sprawdzeniu, czy użytkownik jest zalogowany
B. na ustaleniu, który użytkownik wprowadził dane
C. na sprawdzeniu, czy istnieje plik PHP odbierający dane
D. na sprawdzeniu, czy wprowadzone dane spełniają określone reguły
2Pytanie 2
Aby nadać styl CSS bezpośrednio pojedynczemu elementowi HTML (styl śródliniowy), należy użyć atrybutu:
A.
classB.
idC.
cssD.
style3Pytanie 3
W przypadku podanego fragmentu kodu walidator HTML zgłosi błąd, ponieważ <img src="kwiat.jpg alt="kwiat">
A. użyto niewłaściwego znacznika do wyświetlenia obrazu
B. zastosowano nieznany atrybut alt
C. brak obrazu kwiat.jpg
D. nie zamknięto cudzysłowu
4Pytanie 4
Jak określa się proces przedstawiania informacji zawartych w dokumencie elektronicznym w formie odpowiedniej dla konkretnego środowiska?
A. Renderowanie
B. Mapowanie
C. Rasteryzacja
D. Teksturowanie
5Pytanie 5
Co można powiedzieć o stylu hiperłącza na podstawie poniższych stylów CSS, zakładając, że żadne inne style nie zostały zdefiniowane?
a:link { color: green; text-decoration: none; } a:hover { color: red; text-decoration: underline; }
A. Gdy kursor znajdzie się na obszarze hiperłącza, pojawia się podkreślenie i tekst przyjmuje kolor czerwony.
B. Tekst odwiedzonego hiperłącza jest koloru czerwonego.
C. Hiperłącze jest zawsze podkreślone.
D. Gdy hiperłącze jest nieodwiedzone, jego tekst jest koloru niebieskiego z podkreśleniem.
6Pytanie 6
W CSS należy ustawić tło dokumentu na obraz rys.png, który powinien się powtarzać tylko w poziomie. Którą definicję trzeba przypisać selektorowi 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;}
7Pytanie 7
<source src="plik.mp4" type="video/mp4">Aby osadzić plik wideo na stronie WWW, przedstawiony kod HTML5 należy umieścić wewnątrz znaczników:
A. <div> </div>
B. <video> </video>
C. <embed> </embed>
D. <section> </section>
8Pytanie 8
Który format wideo NIE jest natywnie obsługiwany przez element
<video> w HTML5?A. AVI
B. Ogg
C. MP4
D. WebM
9Pytanie 9
W kodzie HTML 5, w celu walidacji wartości pola <input type="text"> za pomocą wyrażenia regularnego, należy użyć atrybutu
A. step
B. value
C. pattern
D. readonly
10Pytanie 10
Aby obraz wstawiony na stronę internetową mógł dostosować się automatycznie do wymiarów ekranu, na którym jest wyświetlany, konieczne jest
A. ustawienie obu jego rozmiarów w pikselach
B. ustawienie jednego z jego wymiarów w pikselach
C. niezmienianie obu jego wymiarów za pomocą stylów CSS
D. ustawienie jego szerokości w wartościach procentowych
11Pytanie 11
Jak nazywa się metoda dodawania arkusza stylów do dokumentu HTML zastosowana w poniższym kodzie?
| <p style="color: red;">tekst paragrafu</p> |
A. Styl alternatywny, zewnętrzny
B. Styl wewnętrzny
C. Styl zewnętrzny
D. Styl wpisany, lokalny
12Pytanie 12
W CSS zapis selektora p > i { color: red; } wskazuje, że kolor czerwony zostanie zastosowany do
A. wszelkiego tekstu w znaczniku <p> lub wszelkiego tekstu w znaczniku <i>
B. wszystkiego tekstu w znaczniku <p> z wyjątkiem tekstu w znaczniku <i>
C. tylko tego tekstu w znaczniku <p>, który ma przypisaną klasę o nazwie i
D. wyłącznie tekstu w znaczniku <i>, który znajduje się bezpośrednio wewnątrz znacznika <p>
13Pytanie 13
Jakie pojęcia są wykorzystywane do opisu interfejsu użytkownika serwisu internetowego?
A. Szkic strony, mapa witryny, diagram przepływu informacji
B. Wysyłanie zapytań do bazy, skrypty PHP
C. Przyciski, menu, interakcja użytkownika z aplikacją
D. Przetwarzanie danych, system zarządzania treścią, projektowanie informacji
14Pytanie 14
Grafika powinna być zapisana w formacie GIF, jeśli
A. jest to obraz w technologii stereoskopowej
B. istnieje potrzeba zapisu obrazu w formie bez kompresji
C. konieczne jest zapisanie obrazu lub animacji
D. jest to grafika wektorowa
15Pytanie 15
Którą wartość atrybutu name znacznika <meta> wykorzystuje się do kontrolowania obszaru widzialnego na różnych urządzeniach, na których jest wyświetlana strona internetowa?
A. keywords
B. viewport
C. description
D. generator
16Pytanie 16
Na przedstawionym obrazie widać wynik formatowania przy użyciu styli CSS oraz kod HTML, który go generuje. Przy założeniu, że marginesy wewnętrzne wynoszą 50 px, a zewnętrzne 20 px, jak wygląda styl CSS dla tego obrazu?
A. Rys. A
B. Rys. B
C. Rys. C
D. Rys. D
17Pytanie 17
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>
18Pytanie 18
Który z elementów w sekcji head dokumentu HTML 5 jest obowiązkowy według walidatora HTML, a jego niedobór skutkuje błędem (error)?
A. style
B. link
C. title
D. meta
19Pytanie 19
Który atrybut HTML wyświetla podpowiedź (dymek) pokazywaną po najechaniu kursorem na element?
A.
titleB.
altC.
srcD.
id20Pytanie 20
Wskaż poprawne stwierdzenie dotyczące przedstawionego kodu HTML.
<video width="640" height="480" controls>
<source src="animacja.mp4" type="video/mp4">
</video>
<video width="640" height="480" controls>
<source src="animacja.mp4" type="video/mp4">
</video>
A. Plik animacja.mp4 powinien mieć rozdzielczość 640x480 pikseli, aby był odtwarzany.
B. Użytkownik nie będzie miał możliwości kontrolowania odtwarzania wideo.
C. Kod może nie działać w przeglądarkach, które nie obsługują HTML5.
D. Lokalizacja pliku jest nieprawidłowa, brak w niej ścieżki bezwzględnej.
21Pytanie 21
Jakie będzie efektem zastosowanego formatowania CSS dla nagłówka trzeciego stopnia
<style> h3 { background-color: grey; } </style>
…
<h3 style="background-color: orange;">Rozdział 1.2.2.</h3>
A. kolor tekstu będzie szary
B. tło nagłówka będzie w odcieniu szarości
C. tło nagłówka będzie pomarańczowe
D. kolor tekstu będzie pomarańczowy
22Pytanie 22
Który kod oznacza kolor o odcieniu NIEBIESKIM?
A.
#0000EE
B.
#EE0000
C.
#00EE00
D.
#EE00EE
23Pytanie 23
W kodzie CSS użyto stylizacji dla elementu listy, a żadne inne reguły CSS nie zostały ustalone. To zastosowane formatowanie spowoduje, że
A. tekst wszystkich elementów, którym nadano id „hover”, będzie w kolorze Maroon
B. po najechaniu myszką na element listy, kolor tekstu zmieni się na Maroon
C. tekst wszystkich elementów listy będzie miał kolor Maroon
D. kolor Maroon obejmie co drugi element listy
24Pytanie 24
Wskaż, jaki błąd walidacyjny zawiera przedstawiony fragment kodu w języku HTML 5.
<h6>CSS</h6> <p>Kaskadowe arkusze stylów (<b>ang. <i>Cascading Style Sheets</b></i>)<br>to język służący ...</p>
A. Znacznik br nie został prawidłowo zamknięty
B. Znacznik h6 nie jest używany w HTML5
C. Znacznik br nie powinien znajdować się wewnątrz znacznika p
D. Znacznik zamykający /b jest niezgodny z zasadą zagnieżdżania
25Pytanie 25
Który atrybut pola
<input> ogranicza maksymalną liczbę znaków, jaką można w nim wpisać?A. value
B. maxlength
C. name
D. readonly
26Pytanie 26
Do czego można wykorzystać program FileZilla?
A. do kompilacji skryptu na stronie
B. do walidacji strony internetowej
C. do publikacji strony internetowej
D. do debugowania skryptu na stronie
27Pytanie 27
Jak brzmi nazwa edytora, który wspiera proces tworzenia stron internetowych i którego działanie można określić w polskim tłumaczeniu słowami: widzisz to, co otrzymujesz?
A. IDE
B. WYSIWYG
C. WEB STUDIO
D. VISUAL EDITOR
28Pytanie 28
Który semantyczny znacznik HTML5 powinien wystąpić na stronie tylko raz?
A.
<header>
B.
<article>
C.
<main>
D.
<section>
29Pytanie 29
W języku CSS określono formatowanie znacznika h1 według poniższego wzoru. Zakładając, że do znacznika h1 nie dodano żadnego innego formatowania, wskaż sposób formatowania tego znacznika.
h1 { font-style: oblique; font-variant: small-caps; text-align: right; }
A. A.
B. B.
C. C.
D. D.
30Pytanie 30
Której właściwości CSS użyć, aby ustawić WYSOKOŚĆ grafiki na stronie?
A.
paddingB.
marginC.
heightD.
width31Pytanie 31
Aby wyróżnić innym kolorem wiersz tabeli, na który aktualnie najeżdża kursor myszy, należy w CSS użyć:
A. pseudoklasy
:visitedB. pseudoklasy
:hoverC. pseudoelementu
:first-lineD. nowego selektora klasy dla wiersza tabeli
32Pytanie 32
Który z podanych kodów XHTML sformatuje tekst zgodnie z określonym schematem?
A. Odpowiedź A
B. Odpowiedź B
C. Odpowiedź C
D. Odpowiedź D
33Pytanie 33
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
34Pytanie 34
Aby umożliwić wybór kilku opcji jednocześnie w rozwijanej liście formularza HTML, należy dodać atrybut do znacznika select
A. size
B. value
C. multiple
D. disabled
35Pytanie 35
Który z poniższych formatów NIE umożliwia zapis plików animowanych?
A. SWF
B. SVG
C. ACE
D. GIF
36Pytanie 36
Którą wartością można zapisać kolor BIAŁY?
A.
rgb(255, 255, 255)
B.
#000000
C.
#255255
D.
rgb(FF, FF, FF)
37Pytanie 37
Znacznik <ins> w HTML jest używany do wskazywania
A. cytowanego fragmentu tekstu
B. tekstu, który został usunięty
C. tekstu, który został przeformatowany
D. tekstu, który został dodany
38Pytanie 38
Aby poprawnie zdefiniować hierarchiczną strukturę tekstu na stronie internetowej, należy zastosować:
A. znacznik
<div>B. znaczniki
<frame> i <table>C. znacznik
<p> z formatowaniemD. znaczniki
<h1>, <h2> oraz <p>39Pytanie 39
Znacznik <s> w HTML skutkuje
A. migotaniem tekstu
B. pochylaniem tekstu
C. podkreślaniem tekstu
D. przekreślaniem tekstu
40Pytanie 40
Strona internetowa powinna mieć zorganizowaną strukturę bloków. Aby osiągnąć ten układ, należy przypisać sekcjom odpowiednie właściwości w ten sposób:
A. float wyłącznie dla bloku 5; clear dla bloku 2
B. float jedynie dla bloków: 3, 4; clear dla bloku 5
C. float tylko dla bloku 2; clear dla bloków: 3, 4
D. float tylko dla bloków: 2, 3, 4; clear dla bloku 5
🔑 KLUCZ ODPOWIEDZI
Token: taP2-cmqL4vCr9Cc | INF.03 | Pytań: 40 | Próg: 20 poprawnych
| Numer zadania | Odpowiedź |
|---|---|
| 1 | D |
| 2 | D |
| 3 | D |
| 4 | A |
| 5 | A |
| 6 | C |
| 7 | B |
| 8 | A |
| 9 | C |
| 10 | D |
| 11 | D |
| 12 | D |
| 13 | C |
| 14 | C |
| 15 | B |
| 16 | C |
| 17 | D |
| 18 | C |
| 19 | A |
| 20 | C |
| Numer zadania | Odpowiedź |
|---|---|
| 21 | C |
| 22 | A |
| 23 | B |
| 24 | D |
| 25 | B |
| 26 | C |
| 27 | B |
| 28 | C |
| 29 | C |
| 30 | C |
| 31 | B |
| 32 | D |
| 33 | A |
| 34 | C |
| 35 | C |
| 36 | A |
| 37 | D |
| 38 | D |
| 39 | D |
| 40 | D |