ARKUSZ EGZAMINACYJNY
INF.03
Tworzenie i administrowanie stronami i aplikacjami internetowymi oraz bazami danych
Zawód: Technik programista
Liczba pytań: 30
Czas trwania: 60 minut (standardowo)
Próg zdawalności: 50% (15 pytań)
Liczba pytań: 30
Czas trwania: 60 minut (standardowo)
Próg zdawalności: 50% (15 pytań)
Wygenerowano: 14.07.2026 13:44
Token arkusza:2H4HSLL71QALGMQa
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/2H4HSLL71QALGMQa/
Token arkusza:2H4HSLL71QALGMQa
Link do edycji:zawodowe.edu.pl/generator-arkuszy/klon/2H4HSLL71QALGMQa/
1Pytanie 1
Aby na stronie internetowej wyswietlic logo, ktorego tlo jest przezroczyste, nalezy zastosowac format:
A. JPG
B. CDR
C. PNG
D. BMP
2Pytanie 2
Który atrybut HTML wyświetla podpowiedź (dymek) pokazywaną po najechaniu kursorem na element?
A. <pre class="code-block"><span class="code-variable">title</span></pre>
B. <pre class="code-block"><span class="code-variable">alt</span></pre>
C. <pre class="code-block"><span class="code-variable">src</span></pre>
D. <pre class="code-block"><span class="code-variable">id</span></pre>
3Pytanie 3
W HTML wprowadzono tag a. Co oznacza wartość nofollow w atrybucie rel?
| <a href="http://website.com" rel="nofollow">link</a> |
A. jest wskazówką dla przeglądarki internetowej, aby nie interpretowała słowa 'link' jako hiperłącza
B. oznacza, że naciśnięcie na link spowoduje jego otwarcie w nowej karcie przeglądarki
C. oznacza, że kliknięcie na link nie przekieruje do strony website.com
D. jest komunikatem dla robota wyszukiwarki Google, by nie śledził tego linku
4Pytanie 4
W HTML znacznik <i> powoduje uzyskanie takiego samego efektu wizualnego jak znacznik
A. <u>
B. <em>
C. <pre>
D. <strong>
5Pytanie 5
Które z poniższych poleceń jest poprawne w kontekście walidacji HTML5?
A. <img src = mojPiesek.jpg" alt = "pies>
B. <img src = mojPiesek.jpg alt = pies>
C. <img src = "mojPiesek.jpg" alt = "pies">
D. <img src = "mojPiesek.jpg" >
6Pytanie 6
Znacznik <i> w języku HTML ma na celu
A. zmianę czcionki na kursywę
B. dodanie grafiki
C. określenie formularza
D. ustalenie nagłówka w treści
7Pytanie 7
System informatyczny umożliwiający tworzenie, edycję i publikację treści na stronach internetowych bez konieczności posiadania zaawansowanej wiedzy technicznej, to
A. DBMS
B. RDBMS
C. ERP
D. CMS
8Pytanie 8
W języku HTML, aby uzyskać następujący efekt formatowania, należy zapisać kod:
pogrubiony pochylony lub w górnym indeksie |
A. <b>pogrubiony </b><i>pochylony</i> lub w <sup>górnym indeksie</sup>
B. <i>pogrubiony </i><b>pochylony</b> lub w <sub>górnym indeksie</sub>
C. <b>pogrubiony <i>pochylony</i></b> lub w <sub>górnym indeksie</sub>
D. <i>pogrubiony <b>pochylony lub w </i><sup>górnym indeksie</sup>
9Pytanie 9
Na ilustracji przedstawiono schemat rozmieszczenia elementów na stronie WWW, gdzie zazwyczaj umieszcza się stopkę strony?
A. 1
B. 4
C. 2
D. 5
10Pytanie 10
Aby obraz dodany za pomocą kodu HTML był zrozumiały dla programów wspierających osoby niewidome, konieczne jest zdefiniowanie atrybutu
A. src
B. alt
C. border
D. sizes
11Pytanie 11
Aby umieścić reguły CSS bezpośrednio w dokumencie HTML (wewnętrzny arkusz stylów), w sekcji
<head> stosuje się znacznik:A. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">style</span><span class="code-text">></span></pre>
B. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">css</span><span class="code-text">></span></pre>
C. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">link</span><span class="code-text">></span></pre>
D. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">script</span><span class="code-text">></span></pre>
12Pytanie 12
W języku HTML aby zdefiniować słowa kluczowe strony, należy użyć zapisu
A. <meta name = "keywords" content = "psy, koty, gryzonie">
B. <meta name = "keywords" = "psy, koty, gryzonie">
C. <meta name = "description" content = "psy, koty, gryzonie">
D. <meta keywords = "psy, koty, gryzonie">
13Pytanie 13
Podano fragment kodu HTML, który nie przechodzi walidacji. Problemy z walidacją tego kodu będą dotyczyć:
<!DOCTYPE HTML>
<html>
<head>
<title>Test</title>
</head>
<body>
<img src="obraz.gif">
<br>
<img src="obraz.gif">
</body>
</html>
A. braku atrybutu alt w znaczniku <img>
B. braku zamknięcia znacznika <br>
C. duplikacji nazwy pliku graficznego
D. braku zamknięcia znacznika <img>
14Pytanie 14
Deklaracja typu dokumentu HTML: <!DOCTYPE HTML> wskazuje, że kod został stworzony w wersji
A. 5
B. 4
C. 7
D. 6
15Pytanie 15
Który format najlepiej nadaje się do zapisu RASTROWEGO obrazu z przezroczystością na stronę WWW?
A. JPG
B. PNG
C. BMP
D. SVG
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
Który atrybut znacznika
<img> określa lokalizację (ścieżkę) pliku graficznego?A. <pre class="code-block"><span class="code-variable">alt</span></pre>
B. <pre class="code-block"><span class="code-variable">src</span></pre>
C. <pre class="code-block"><span class="code-variable">href</span></pre>
D. <pre class="code-block"><span class="code-variable">link</span></pre>
18Pytanie 18
Metainformacja "Description" umieszczona w pliku HTML powinna zawierać
<head> <meta name="Description" content="..."> </head>
A. nazwę aplikacji, za pomocą której stworzono stronę
B. spis słów kluczowych, które są wykorzystywane przez wyszukiwarki internetowe
C. opis treści znajdującej się na stronie
D. informację na temat autora strony
19Pytanie 19
Przedstawiono fragment kodu HTML, który nie waliduje się poprawnie. Błąd walidacji tego fragmentu kodu będzie dotyczył:
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
</head>
<body>
<img src="/obraz.gif alt="Obrazek">
<h1>Rozdział 1</h1>
<p>To jest tekst paragrafu, ...</p>
<br>
<img src="/obraz.gif" alt="Obrazek">
</body>
</html>
A. braku cudzysłowu
B. niedomknięcia znacznika <span class="code-text">br</span>
C. niedomknięcia znacznika <span class="code-text">img</span>
D. powtórzenia nazwy pliku graficznego
20Pytanie 20
Zawartość kodu w języku HTML umieszczona w ramce ilustruje zestaw
| <ol> <li>Pierwszy</li> <li>Drugi</li> <li>Trzeci</li> </ol> |
A. linków
B. wypunktowanej
C. numerowanej
D. skróconych
21Pytanie 21
Deklaracja
<!DOCTYPE html>informuje przeglądarkę internetową o:
A. tytule strony internetowej.
B. dostosowaniu strony internetowej do różnych rozmiarów urządzeń.
C. wersji języka HTML zastosowanej w dokumencie strony internetowej.
D. indeksowaniu strony internetowej na potrzeby pozycjonowania witryny.
22Pytanie 22
W HTML umieszczono formularz. Jakie skutki działania tego kodu zostaną pokazane przez przeglądarkę, jeśli użytkownik w drugim polu wprowadzi wartość "ala ma kota"?
A. Efekt 1
B. Efekt 2
C. Efekt 3
D. Efekt 4
23Pytanie 23
Który semantyczny znacznik HTML5 powinien wystąpić na stronie tylko raz?
A. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">header</span><span class="code-text">></span></pre>
B. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">article</span><span class="code-text">></span></pre>
C. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">main</span><span class="code-text">></span></pre>
D. <pre class="code-block"><span class="code-text"><</span><span class="code-keyword">section</span><span class="code-text">></span></pre>
24Pytanie 24
Znaczniki HTML <strong> oraz <em>, które służą do wyróżniania istotności tekstu, odpowiadają pod względem formatowania znacznikom
A. <b> oraz <u>
B. <u> oraz <sup>
C. <i> oraz <mark>
D. <b> oraz <i>
25Pytanie 25
Język HTML posiada nagłówki, które służą do tworzenia hierarchii treści. Nagłówki te występują tylko w zakresie
A. h1 – h4
B. h1 – h6
C. h1 – h8
D. h1 – h10
26Pytanie 26
Wskaż element, który definiuje pole edycyjne formularza zgodne z ilustracją
A. <input type="month" id="hh" name="mm">
B. <input type="time" id="minutes" name="hours">
C. <input type="date" id=" minutes" name="hours">
D. <input type="number" id="mm" name="hh" min="0" max="24">
27Pytanie 27
Która grupa znaczników HTML służy do GRUPOWANIA elementów i budowy struktury dokumentu?
A. <code><span class="code-text"><</span><span class="code-keyword">br</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">img</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">hr</span><span class="code-text">></span></code>
B. <code><span class="code-text"><</span><span class="code-keyword">table</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">tr</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">td</span><span class="code-text">></span></code>
C. <code><span class="code-text"><</span><span class="code-keyword">span</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">strong</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">em</span><span class="code-text">></span></code>
D. <code><span class="code-text"><</span><span class="code-keyword">div</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">article</span><span class="code-text">></span></code>, <code><span class="code-text"><</span><span class="code-keyword">header</span><span class="code-text">></span></code>
28Pytanie 28
Którego atrybutu użyć, aby scalić w PIONIE dwie sąsiednie komórki tabeli?
A. <pre class="code-block"><span class="code-variable">colspan</span></pre>
B. <pre class="code-block"><span class="code-variable">rowspan</span></pre>
C. <pre class="code-block"><span class="code-variable">cellpadding</span></pre>
D. <pre class="code-block"><span class="code-variable">cellspacing</span></pre>
29Pytanie 29
Który atrybut znacznika
<video> włącza ciągłe odtwarzanie (w pętli)?A. <pre class="code-block"><span class="code-variable">loop</span></pre>
B. <pre class="code-block"><span class="code-variable">muted</span></pre>
C. <pre class="code-block"><span class="code-variable">poster</span></pre>
D. <pre class="code-block"><span class="code-variable">controls</span></pre>
30Pytanie 30
Zaprezentowane pole input daje możliwość
<input type="checkbox" name="text1" value="text2">
A. wprowadzenia hasła
B. wybrania opcji
C. wpisania dowolnego tekstu
D. zaznaczenia opcji z listy zawierającej wartości text1 i text2
🔑 KLUCZ ODPOWIEDZI
Token: 2H4HSLL71QALGMQa | INF.03 | Pytań: 30 | Próg: 15 poprawnych
| Numer zadania | Odpowiedź |
|---|---|
| 1 | C |
| 2 | A |
| 3 | D |
| 4 | B |
| 5 | C |
| 6 | A |
| 7 | D |
| 8 | A |
| 9 | D |
| 10 | B |
| 11 | A |
| 12 | A |
| 13 | A |
| 14 | A |
| 15 | B |
| 16 | C |
| 17 | B |
| 18 | C |
| 19 | A |
| 20 | C |
| Numer zadania | Odpowiedź |
|---|---|
| 21 | C |
| 22 | B |
| 23 | C |
| 24 | D |
| 25 | B |
| 26 | B |
| 27 | D |
| 28 | B |
| 29 | A |
| 30 | B |