wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Sprawdzian HTML i CSS

Total questions: 20

Worksheet time: 43mins

Name
Class
Date
1.

Który znacznik odpowiada za główną treść strony?

a)

<div>

b)

<main>

c)

<body>

d)

<section>

2.

Który znacznik służy do tworzenia hiperłączy?

a)

<href>

b)

<a>

c)

<link>

d)

<url>

3.

Który zapis w CSS zmieni kolor tekstu na czerwony?

a)

font: red;

b)

text-color: red;

c)

color: red;

d)

font-color: red;

4.

Który znacznik HTML służy do tworzenia nagłówków?

a)

<p>

b)

<title>

c)

<header>

d)

<h1> – <h6>

5.

Co oznacza deklaracja CSS: margin: 10px;?

a)

Ustawia margines zewnętrzny elementu z każdej strony

b)

Ustawia margines wewnętrzny elementu

c)

Ustawia tylko margines dolny

d)

Ustawia tylko margines górny

6.

Które znaczniki są semantyczne?

a)

<header>

b)

<footer>

c)

<div>

d)

<article>

7.

Które zapisy są poprawnymi selektorami CSS?

a)

#menu

b)

.btn

c)

p

d)

class="header"

8.

Które znaczniki HTML służą do formatowania tekstu?

a)

<strong>

b)

<em>

c)

<br>

d)

<script>

9.

Co można stylizować za pomocą CSS?

a)

Kolor tła

b)

Rozmiar czcionki

c)

Zawartość tekstową

d)

Marginesy i odstępy

10.

Które znaczniki HTML służą do pogrubienia tekstu?

a)

<strong>

b)

<i>

c)

<b>

d)

<a>

11.

Napisz brakującą właściwość CSS zmieniającą kolor tła:

body {

(a)   : lightgray;

}

12.

Uzupełnij brakujący atrybut tak, aby powstał link:

<a (a)   ="https://link.com">Kliknij</a>

13.

Uzupełnij kod tworzący akapit tekstu:

<____>To jest przykładowy tekst.</____>

(a)  

14.

Uzupełnij atrybut tak, aby obrazek miał tekst alternatywny:

<img src="pies.jpg" (a)   ="Mój pies">

15.

Uzupełnij znacznik, aby powstał nagłówek poziomu 2:

<__>Przykładowy nagłówek</__>

(a)  

16.

Napisz pełny znacznik HTML tworzący 1 element listy w liście numerowanej.

4 lines
17.

Napisz kod CSS ustawiający rozmiar czcionki akapitów <p> na 18px.

4 lines
18.

Napisz kod HTML tworzący obrazek o ścieżce „kot.jpg” i tekście alternatywnym „Kot patrzy”.

4 lines
19.

Napisz kod HTML zawierający sekcję semantyczną <section> z dowolnym krótkim tekstem.

4 lines
20.

Napisz fragment CSS ustawiający kolor tekstu wszystkich nagłówków <h1> na niebieski.

4 lines