wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Test próbny EE.09 (HTML CSS)

Total questions: 37

Worksheet time: 19mins

Name
Class
Date
1.

Witryna internetowa ma mieć przedstawioną strukturę bloków. Aby uzyskać ten układ, należy znacznikom<br />sekcji przypisać właściwości w następujący sposób:

a)

float tylko dla bloku 5; clear dla bloku 2

b)

float tylko 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

2.
Podstawowym zadaniem systemu CMS jest oddzielenie treści serwisu informacyjnego od jego wyglądu. Efekt ten jest uzyskany poprzez generowanie zawartości
a)
z bazy danych oraz wyglądu ze zdefiniowanego szablonu
b)
z bazy danych oraz wyglądu za pomocą atrybutów HTML
c)
ze statycznych plików HTML oraz wyglądu ze zdefiniowanego szablonu
d)
ze statycznych plików HTML oraz wyglądu za pomocą technologii FLASH
3.

W języku HTML znacznik <i> nadaje znakom taki sam wizualny efekt jak znacznik

a)

<u>

b)

<em>

c)

<pre>

d)

<strong>

4.

Aby obraz wstawiony kodem HTML mógł być interpretowany przez programy wspomagające osoby niewidzące, należy zdefiniować atrybut

a)

alt

b)

src

c)

sizes

d)

border

5.

W kodzie CSS zdefiniowano cztery klasy formatowania, których następnie użyto do formatowania paragrafów. Efekt widoczny na rysunku powstał po zastosowaniu klasy o nazwie

a)

format1

b)

format2

c)

format3

d)

format4

6.

W jakim formacie należy zapisać obraz, aby mógł być wyświetlony na stronie internetowej z zachowaniem przezroczystości?

a)

JPG

b)

BMP

c)

PNG

d)

CDR

7.

Na potrzeby strony internetowej przygotowano grafikę rysunek.jpg o rozmiarze: szerokość 200 px, wysokość 100 px. Aby wyświetlić tę grafikę jako miniaturę – pomniejszoną z zachowaniem proporcji, można zastosować znacznik

a)

<img src="rysunek.png">

b)

<img src="rysunek.png" style="width: 50px">

c)

<img src="rysunek.png" style="width: 25px; height:50px;">

d)

<img src="rysunek.png" style="width: 25px; height:25px;">

8.

Przedstawiony fragment dokumentu HTML z kodem JavaScript spowoduje, że po wciśnięciu przycisku

a)

obraz1.png zostanie ukryty.

b)

obraz2.png zostanie ukryty.

c)

obraz2.png zostanie zastąpiony przez obraz1.png

d)

obraz1.png zostanie zastąpiony przez obraz2.png

9.
Który znacznik należący do sekcji head dokumentu HTML w wersji 5 jest wymagany przez walidator języka HTML, a jego brak jest zgłaszany jako błąd (error)?
a)
title
b)
link
c)
meta
d)
style
10.

Który z wymienionych znaczników języka HTML może posłużyć do budowy struktury strony internetowej?

a)

<em>

b)

<aside>

c)

<input>

d)

<mark>

11.

Język HTML dysponuje do budowania hierarchii treści. Nagłówki te występują jedynie w zakresie

a)

h1-h4

b)

h1-h6

c)

h1-h8

d)

h1-h10

12.

W języku HTML zdefiniowano odnośnik do strony internetowej. Aby strona otwierała się w nowym oknie lub zakładce przeglądarki, należy dopisać do definicji odnośnika atrybut

a)

rel = „next”

b)

rel = „external”

c)

target = „_blank”

d)

target = „_parent”

13.
Na potrzeby strony internetowej zdefiniowano styl. Styl będzie przypisany tylko do niektórych znaczników(np. Niektórych nagłówków, kilku akapitów). W takim wypadku, aby przypisać styl do kilku konkretnych znaczników, najlepiej jest zastosować
a)
klase
b)
pseudoklase
c)
identyfikator
d)
selektor akapitu
14.

Aby zdefiniować krój czcionki w stylu CSS, należy użyć właściwości

a)

text-style

b)

Font-style

c)

Text-family

d)

Font-family

15.

Aby na stronie internetowej wyświetlić logo, którego tło jest przeźroczyste, należy zastosować format

a)

JPG

b)

CDR

c)

PNG

d)

BMP

16.

Aby obraz umieszczony na stronie internetowej automatycznie skalował się do rozmiaru ekranu, na którym jest wyświetlana strona, należy

a)

oba jego wymiary ustawić w pikselach

b)

jeden z jego wymiarów ustawić w pikselach

c)

nie modyfikować obu jego wymiarów stylami CSS

d)

jego szerokość ustawić w wartościach procentowych

17.

Dla przedstawionego fragmentu kodu walidator HTML zwróci błąd, ponieważ

a)

zastosowano błędny znacznik do wyświetlania obrazo

b)

zastosowano nieznany atrybut alt

c)

nie znaleziono obrazu kwiat.jpg

d)

nie domknięto cudzysłowu

18.

Przedstawiono tabelę zdefiniowaną kodem HTML, bez formatowania CSS. Który z fragmentów kodu HTML odpowiada pierwszemu wierszowi tabeli?

a)
b)
c)
d)
19.

Na obrazie przedstawiono efekt formatowania stylami CSS oraz kod HTML generujący ten przykład. Zakładając, że marginesy wewnętrzne wynoszą 50 px, a zewnętrzne wynoszą 20 px, styl CSS dla obrazu ma postać

a)
b)
c)
d)
20.

Która lista jest interpretacją przedstawionego kodu?

a)
b)
c)
d)
21.

Który z obrazów został sformatowany za pomocą przedstawionego stylu CSS?

a)
b)
c)
d)
22.

W części nagłówkowej kodu HTML zapisano tekst przedstawiony na obrazku. Zapisany tekst zostanie wyświetlony

a)

w treści strony, na banerze

b)

w polu adresu, za wpisanym adresem URL

c)

w treści strony, w pierwszym wyświetlonym nagłówku

d)

na pasku tytułu przeglądarki

23.

Przedstawiona linia kreskowana w stylu obramowania CSS jest określona właściwością

a)

double

b)

dashed

c)

solid

d)

dotted

24.

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

a)

2 px oraz marginesy na zewnątrz tego obramowania

b)

2 px oraz marginesy wewnątrz tego obramowania

c)

20 px oraz marginesy wewnątrz tego obramowania

d)

20 px oraz marginesy na zewnątrz tego obramowania

25.

Proces walidacji strony internetowej to

a)

promocja strony

b)

zespół działań mających na celu zwiększenie oglądalności

c)

sprawdzenie jej w celu wyeliminowania błędów

d)

publikowanie w sieci

26.

Która z zasad tworzenia części <head> języka HTML jest poprawna?

a)

W części <head> nie można umieszczać kodu CSS, a jedynie odwołanie do pliku CSS

b)

W części <head> zawiera się część <body>

c)

W części <head> mogą wystąpić znaczniki <meta>, <title>, <link>

d)

W części <head> można definiować szablon strony znacznikami <div>

27.

W języku HTML aby zdefiniować poziomą linię, należy użyć znacznika

a)

<line>

b)

<hr>

c)

<br>

d)

<hl>

28.

Które z pól są umieszczone w formularzu?

a)

Input(Text), Input(Chechbox), Select, Select, Input(Submit), Input(Reset)

b)

Input(Text), Select, Input(Radio), Input(Radio), Input(Submit), Input(Reset)

c)

Textarea, Option, Input(Chechbox), Input(Checkbox), Input(Submit) Input(Reset)

d)

Textarea, Select, Input(Radio), Input(Radio), Input(Reset), Input(Submit)

29.

W języku HTML, aby dodać animację FLASH (z rozszerzeniem .swf) na stronę internetową, należy użyć znacznika

a)

<video>

b)

<object>

c)

<audio>

d)

<img>

30.

Do określenia listy definicji w kodzie HTML używa się znacznika

a)

<dl>

b)

<td>

c)

<label>

d)

<abbr>

31.

W języku HTML dla hiperłącza wartość atrybutu target, która odpowiada za załadowanie strony do nowego okna lub karty, to

a)

_top

b)

_parent

c)

_self

d)

_blank

32.

W języku CSS zdefiniowano następujące formatowanie. Kolorem czerwonym zostanie zapisany

a)

tylko tekst pochylony we wszystkich poziomach nagłówków

b)

tylko tekst pochylony nagłówka pierwszego stopnia

c)

cały tekst nagłówka pierwszego stopnia oraz cały tekst pochylony, niezależnie od tego, w którym miejscu strony się znajduje

d)

cały tekst nagłówka pierwszego stopnia oraz pochylony tekst akapitu

33.

W języku HTML, aby wstawić na stronę obraz zapisany w formacie JPG, należy zastosować znacznik

a)

<table>

b)

<src>

c)

<jpg>

d)

<img>

34.

Atrybut value w polu formularza XHTML

a)

ogranicza długość pola

b)

wskazuje na nazwę pola

c)

ustawia pole tylko do odczytu

d)

wskazuje odpowiedź domyślną

35.

Funkcja drzewo kontekstowe edytor WYSIWYG Adobe Dreamweaver służy do

a)

wyświetlania interaktywnego drzewa struktury HTML dla zawartości statycznej i dynamicznej

b)

formatowanie tekstu przy pomocy dostępnych znaczników

c)

definiowania kaskadowych arkuszy stylów dołączonych do witryny

d)

tworzenia szablonu strony internetowej

36.

Strona HTML definiuje akapit oraz rysunek. Aby rysunek został umieszczony przez przeglądarkę w tej samej linii co akapit po jego lewej stronie, należy w stylu CSS rysunku zawrzeć własność

a)

align:left;

b)

alt:left;

c)

style:left;

d)

float:left;

37.

Który z rysunków obrazuje efekt działania przedstawionego fragmentu kodu HTML?

a)

A

b)

B

c)

C

d)

D