wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML CSS

Total questions: 37

Worksheet time: 3hrs 5mins

Name
Class
Date
1.
Który zapis stylu CSS ustawi tło bloku na kolor niebieski?
a)
div {shadow: blue;}
b)
div {border-color: blue;}
c)
div {color: blue;}
d)
div {background-color: blue;}
2.
Który z wymienionych znaczników należy do części <head> dokumentu HTML?
a)
<img>
b)
<title>
c)
<span>
d)
<section>
3.
Który z formatów grafiki jest najbardziej odpowiedni do zapisu obrazu z przezroczystością na potrzeby strony internetowej?
a)
jpg
b)
bnp
c)
png
d)
svg
4.
W języku CSS, przedstawiony zapis sprawi, że plik rysunek.png będzie
a)
tłem całej strony
b)
tłem każdego paragrafu
c)
wyświetlony obok każdego paragrafu
d)
wyświetlony, jeśli w kodzie zostanie zastosowany znacznik img
5.
Poniżej przedstawiono fragment kodu języka HTML. Jest on definicją listy:
a)
a
b)
b
c)
c
d)
d
6.
Prosta animacja może być zapisana w formacie
a)
GIF
b)
BMP
c)
PSD
d)
TIFF
7.
W języku HTML informacje dotyczące autora, streszczenia i słów kluczowych strony należy umieścić
a)
pomiędzy znacznikami <head> i </head>, w znaczniku <meta>
b)
pomiędzy znacznikami <head> i </head>, w znaczniku <style>
c)
pomiędzy znacznikami <body> i </body>, w znaczniku <meta>
d)
pomiędzy znacznikami <body> i </body>, w znaczniku <html>
8.
Który z wymienionych znaczników języka HTML nie jest stosowany w celu formatowania tekstu?
a)
<em>
b)
<sub>
c)
<div>
d)
<strong>
9.
Który z przedstawionych kodów XHTML sformatuje tekst według podanego wzoru?
a)
a
b)
b
c)
c
d)
d
10.
W załączonym fragmencie kodu CSS kolor jest zapisany w postaci
a)
HSL
b)
dziesiętnej
c)
CMYK
d)
szesnastkowej
11.
Którego polecenia nalezy użyć, aby wyraz TEKST został wyświetleny w kolorze czarnym w oknie przeglądarki internetowej?
a)
<body color="black">TEKST</font>
b)
<font color="czarny">TEKST</font>
c)
<font color="#000000">TEKST</font>
d)
<body bgcolor="black">TEKST</body>
12.
Znacznik <i> języka HTML służy do
a)
zmiany kroju pisma na pochylony
b)
umieszczenia obrazka
c)
zdefiniowania formularza
d)
zmiany kroju pisma na podkreślony
13.

Kaskadowe arkusze stylów tworzy się w celu

a)

ułatwienia formatowania strony

b)

uzupełnienia strony internetowej o treści tekstowe.

c)

nadpisywania wartości znaczników już ustawionych na stronie

d)

przyspieszenia wyświetlania grafiki na stronie internetowej.

14.

Listy uporządkowane tworzymy przy pomocy elementu:

a)

<ul></ul>

b)

<li></li>

c)

<ol></ol>

d)

żaden nie tworzy listy uporządkowanej

15.

Listę nieuporządkowaną, zwana też listą wypunktowaną tworzą znaczniki:

a)

żadna z odpowiedzi nie jest prawidłowa

b)

<ul></ul>

c)

<ol></ol>

d)

<li></li>

16.

Linię poziomą tworzy znacznik:

a)

<ul>

b)

<hr />

c)

<br />

d)

<ol>

17.

Aby wstawić koniec linii należy użyć znacznika:

a)

<hr />

b)

<br />

c)

<p>

d)

<sup>

18.

Aby wstawić ares linka należy się posłużyć znacznikiem:

a)

<img src="link">

b)

<body bgcolor="link"></body>

c)

<a href="link"></a>

d)

<a hrof="link"></a>

19.

Kolor tła strony ustawiamy stosując znacznik:

a)

<font color="kolor"> </font>

b)

<a href="kolor"> </a>

c)

żadna odpowiedź nie jest prawidlowa

d)

<body bgcolor="kolor">...</body>

20.

Czego znacznikiem jest <tr>?

a)

kolumny tabeli

b)

wiersza tabeli

c)

tabeli

d)

komórki nagłówkowej tabeli

21.

Co oznacza atrybut border?

a)

szerokość tabeli

b)

wysokość tabeli

c)

obramowanie tabeli

d)

kolor tabeli

22.

Wyjaśnij znaczenie znacznika <h1> </h1>

a)

Znacznik <h1> </h1> to jeden z sześciu dostępnych wyrażeń nagłówkowych (h1 - h6).

b)

Ten znacznik pozwala na umieszczenie obrazka na stronie internetowej.

c)

To znacznik dwuelementowy zawierający tytuł strony, na której znacznik się znajduje.

d)

To tak zwane wyrażenie nagłówkowe (header). Liczba 1 oznacza wyrażenie o najważniejszym znaczeniu

23.

Pomiędzy jakimi znacznikami wpisujemy właściwą treść dokumentu?

a)

<head>...</head>

b)

<title>...</title>

c)

<body>...</body>

d)

<p>...</p>

24.
Kod języka CSS można umieścić wewnątrz kodu HTML, posługując się znacznikiem
a)
<head>
b)
<style>
c)
<meta>
d)
<body>
25.
W języku CSS zapis
h2 {background-color: green;}
sprawi, że koloru zielonego będzie
a)
tło całej strony.
b)
czcionka nagłówka drugiego stopnia.
c)
tło tekstu nagłówka drugiego stopnia.
d)
czcionka każdego nagłówka na stronie.
26.
W języku CSS zdefiniowano następujące formatowanie.
Kolorem czerwonym zostanie zapisany
a)
tylko tekst pochylony nagłówka pierwszego stopnia.
b)
tylko tekst pochylony we wszystkich poziomach nagłówków.
c)
cały tekst nagłówka pierwszego stopnia oraz pochylony tekst akapitu.
d)
cały tekst nagłówka pierwszego stopnia oraz cały tekst pochylony, niezależnie od tego w którym miejscu strony się znajduje.
27.

Wstawienie grafiki

a)

<img href="nazwa.rozszerzenie">

b)

<img src="nazwa.rozszerzenie">

c)

<a href="nazwa.rozszerzenie">

d)

<a src="nazwa.rozszerzenie">

28.

Co wyświetli się na przeglądarce w wyniku zastosowania poniższego zapisu?

<p style="font-family: 'courier new' font-style: italic;">Ala ma słonia.</p>

a)
b)
c)
d)
29.

Tworzenie linku

a)

<a src="adresstrony">Tekst na który klikamy</a>

b)

<url src="adresstrony">Tekst na który klikamy</a>

c)

<a href="adresstrony">Tekst na który klikamy</a>

d)

<a url="adresstrony">Tekst na który klikamy</a>

30.

W języku CSS, w celu zdefiniowania wewnętrznego górnego marginesu, czyli odstepu między elementem a otaczającym go obramowaniem, należy użyć polecenia

a)

padding-top

b)

outline-top

c)

border-top

d)

local-top

31.

Zmiana koloru w stylach to:

a)

kolor

b)

colour

c)

color

d)

font-colour

32.

margines wewnętrzny dolny

a)

margin-bottom

b)

bottom-margin

c)

padding-bottom

d)

bottom-padding

33.

margines zewnętrzny górny

a)

padding-top

b)

top-padding

c)

top-margin

d)

margin-top

34.

margines zewnętrzny prawy

a)

margin-right

b)

padding-right

c)

right-padding

d)

right-margin

35.

Krój czcionki możemy określić poprzez

a)

font-size

b)

font-family

c)

family

d)

text-family

36.

wyrównanie (do środka) tekstu na stronie

a)

text-align: center;

b)

font-align: center;

c)

margin: auto;

d)

float: center;

37.

Zmiana rozmiaru czcionki

a)

tekst-size:

b)

text-size:

c)

font-size:

d)

float-size: