Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

projektowanie stron

Total questions: 34

Worksheet time: 17mins

Name
Class
Date
1.

Który znacznik służy do tworzenia akapitu?

a)

<span>

b)

<p>

c)

<a>

d)

<br>

2.

Jaki jest główny element strony?

a)

<main>

b)

<head>

c)

<body>

d)

<html>

3.

Który znacznik służy do tworzenia linku?

a)

<a>

b)

<href>

c)

<link>

d)

<url>

4.

Jak prawidłowo podpiąć plik css do pliku html?

a)

<link href="stylesheet" src="">

b)

<link href="">

c)

<link a="stylesheet" href="">

d)

<link rel="stylesheet" src="">

5.

Co oznacza skrót HTML?

a)

Hyper Trainer Marking Language

b)

Hyper Text Markdown Language

c)

Hyper Text Markup Language

d)

Hyperlink Text Management Language

6.

Atrybut alt w tagu <img> służy do:

a)

Określenia nazwy pliku

b)

Ustawienia obramowania

c)

Tekstu alternatywnego

d)

Ustawienia rozmiaru obrazu

7.

Jak poprawnie wstawić komentarz w HTML?

a)

// komentarz

b)

/* komentarz */

c)

# komentarz

d)

<!-- komentarz -->

8.

Który z poniższych elementów jest semantyczny?

a)

<div>

b)

<head>

c)

<span>

d)

<nav>

9.

Który znacznik służy do osadzania pliku CSS?

a)

<style>

b)

<script>

c)

<link>

d)

<css>

10.

Atrybut target="_blank" w linku oznacza:

a)

Otwórz w tym samym oknie

b)

Otwórz w nowym oknie lub karcie

c)

Otwórz w ramce

d)
  • Zignoruj link

11.

Który atrybut określa identyfikator elementu?

a)

name

b)

id

c)

class

d)

key

12.

Tag <br> służy do:

a)

Zmiany koloru

b)

Wstawienia nowej linii

c)

Zwiększenia czcionki

d)

Tworzenia pogrubienia

13.

Co robi atrybut colspan w <td>?

a)

Łączy kolumny

b)

Łączy wiersze

c)

Ustawia szerokość

d)

Koloruje komórkę

14.

Jak zamknąć znacznik <img> w HTML5?

a)

</img>

b)

<img />

c)

<img></img>

d)

Samozamykający się — nie wymaga końca

15.

Który znacznik określa stopkę dokumentu lub sekcji?

a)

<bottom>

b)

<footer>

c)

<section>

d)

<end>

16.

Co robi tag <meta charset="UTF-8">?

a)

Ustawia czcionkę

b)

Ustawia kodowanie znaków

c)

Dodaje metadane o autorze

d)
  • Ustawia język strony

17.

Który atrybut <form> określa adres, na który dane są wysyłane?

a)

target

b)

method

c)

action

d)

href

18.

Który selektor wybiera element o id="main"?

a)

.main

b)

main

c)

#main

d)

[main]

19.

Który selektor wybiera wszystkie <p> w <div>?

a)

div + p

b)

div > p

c)

div p

d)

p div

20.

Jak ustawić margines wewnętrzny elementu?

a)

margin

b)

padding

c)

border

d)

space

21.

Jak ustawić czcionkę Arial jako główną, a Helvetica jako zapasową?

a)

font-family: Arial, Helvetica;

b)

font: Arial Helvetica;

c)

font: Arial Helvetica;

d)
  • font: Helvetica Arial;

22.

Jak zaokrąglić narożniki elementu?

a)

border-round

b)

border-radius

c)

corner-radius

d)

radius

23.

Które właściwości odpowiadają za cień wokół pudełka?

a)

box-shadow

b)

text-shadow

c)

border-shadow

d)

shadow-box

24.

Jak ustawić element jako „flex container”?

a)

display: flex;

b)

layout: flexbox;

c)

position: flex;

d)
  • container: flex;

25.

Która wartość position pozwala na przewijanie elementu razem z ekranem?

a)

relative

b)

fixed

c)

absolute

d)

sticky

26.

Jak ustawić gradient liniowy z czerwonego do niebieskiego?

a)

background: gradient(red, blue);

b)

background: linear-gradient(red, blue);

c)

background: radial-gradient(red, blue);

d)
  • background: color-gradient(red, blue);

27.

Jak ustawić gradient pionowy?

a)

linear-gradient(left, right, ...)

b)

linear-gradient(top, bottom, ...)

c)

gradient-y(red, blue)

d)
  • vertical-gradient(red, blue)

28.

Jak wycentrować tekst w elemencie?

a)
  • center-text: true;

b)

justify-content: center;

c)

align: center;

d)

text-align: center;

29.

zmienić kolor tła przycisku po najechaniu myszką?

a)

button.hover { background: red; }

b)

hover:button { background: red; }

c)

button:active { background: red; }

d)

button:hover { background: red; }

30.

Jak uzyskać płynne przejście koloru po najechaniu?

a)

animation: color 1s;

b)

hover-transition: 0.3s;

c)
  1. transform: smooth;

d)

transition: background-color 0.3s;

31.

Która z poniższych właściwości CSS służy do ustawienia koloru obramowania elementu?

a)

border-color

b)

border-style

c)

border-width

d)

border-radius

32.

Jakiego efektu użyjesz w CSS, jeśli chcesz, aby obramowanie było złożone z dwóch równoległych linii?

a)

solid

b)

double

c)

groove

d)

ridge

33.

Co oznacza styl obramowania groove w CSS?

a)

Obramowanie wygląda jakby było wypukłe (na zewnątrz)

b)

Obramowanie wygląda jakby było wklęsłe (wgłębione)

c)

Obramowanie jest kropkowane

d)

Obramowanie ma podwójną linię

34.

Jak wygląda styl obramowania ridge w CSS?

a)

Wygląda jak wypukłe, tworząc efekt wystającej ramki.

b)

gląda jak wgłębione, jakby wcięte w tło.

c)

Jest przerywane liniami.

d)

Jest złożone z dwóch równoległych linii