wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

HTML CSS Exam

Total questions: 25

Worksheet time: 41mins

Name
Class
Date
1.

Выберите стиль отображения текста:

<em>Hello</em>

a)

Hello

b)

Hello

c)

Hello

d)

Hello

2.

Какой тег HTML описывает аббревиатуру?

a)

abbr

b)

strong

c)

ul

d)

div

e)

sup

3.

Какой тег используют для числа > '3' в:

CSS3

a)

<sup>

b)

<sub>

c)

<em>

d)

<strong>

4.

Какой блок хранит данные о веб-документе?

a)

<body>

b)

<head>

c)

<div>

d)

<p>

e)

<link>

5.

Укажите название псевдокласса CSS для состояния ссылки при наведении на неё курсором?

a)

::before

b)

:focus

c)

::after

d)

:visited

e)

:hover

6.

Для чего в стиле CSS используют /15px?

p {

font: 10px/15px Arial, Helvetica;

}

a)

Для отступа между строк

b)

Размер шрифта

c)

Внешний отступ контента

d)

Толщина контура вокруг текста

e)

Радиус скругления краёв

7.

Чему равен отступ от левого края?

margin: 17px 23px 36px 52px;

a)

17px

b)

23px

c)

36px

d)

52px

8.

Какой атрибут HTML используют, чтобы применить следующий стиль:

.box {

/* Свойства*/

}

a)

id

b)

type

c)

href

d)

class

e)

src

9.

Известно, что ширина окна равна 1800px. Определите 10vw от этого окна?

a)

180px

b)

1800px

c)

10%

d)

18px

e)

100px

10.

Вы захотели изменить цвет текста на странице. Какое css-свойство для этого используют?

a)

background

b)

color

c)

background-color

d)

background-image

e)

font-family

11.

Какой заголовок имеет наибольший размер текста?

a)

<h1>

b)

<h3>

c)

<h4>

d)

<h2>

e)

<h6>

12.

Какой селектор в этом CSS?

p {color: yellow; }

a)

p

b)

color

c)

yellow

13.

Какой селектор для ссылки?

a)

link { }

b)

href { }

c)

a { }

d)

a href { }

e)

src { }

14.

В чем разница между HTML и CSS?

a)

CSS — это один из типов HTML.

b)

HTML дает структуру веб-страницы. CSS обеспечивает стиль.

c)

Нет никакой разницы.

d)

CSS структурирует веб-страницу. HTML строго обеспечивает стили.

15.

Как можно составить маркированный список?

a)

<ol>

b)

<ul>

c)

<p>

d)

<h1>

e)

<list>

16.

Какие символы окружают свойства каждого селектора CSS?

a)

{ }

b)

< >

c)

( )

d)

[ ]

e)

" "

17.

Джон хочет, чтобы описание его книги отображалось в результатах поиска Google. Где должна быть эта информация размещены на его веб-странице?

a)

<h1>

b)

<meta>

c)

<body>

d)

<div>

e)

<link>

18.

В чём ошибка указанного фрагмента кода?

a)

Оператор таблицы стилей <link> следует сразу после оператора DOCTYPE

b)

Оператор таблицы стилей <link> находится между <title> и </title>

c)

Тег <link> находится между </head> и <body>

d)

Тег <link> находится между <head> и </head>

19.

Укажите номер строки, где была допущена ошибка в указанном коде?

(a)  

20.

Укажите номер строки, где была допущена ошибка в указанном коде?

(a)  

21.

Что делает стиль

.img-class { position: fixed; }

при стилизации изображения?

a)

Закрепляет изображение в одном месте окна браузера, даже когда пользователь прокручивает содержимое страницы

b)

Изменяет размер изображения до фиксированного размера независимо от того, насколько сильно пользователь расширяет браузер.

c)

Помещает изображение в определенное место на странице относительно текста перед ним.

d)

Размещает изображение в зависимости от положения прокрутки пользователя

22.

________ позиционирование удерживает элемент в обычном потоке документа, а ________ позиционирование выводит его из нормального потока

a)

absolute, relative

b)

relative, absolute

c)

fixed, static

d)

parallel, universal

23.

Какое CSS-правило позволяет реализовать анимацию?

a)

@import

b)

@keyframes

c)

@font-faces

d)

@media

24.

Какое из приведённых свойств описывает изображение?

a)

transition

b)

line-height

c)

display

d)

position

e)

margin

25.

Посмотрите на изображение. Отгадайте о каком свойстве CSS идёт речь?

a)

display

b)

font

c)

transform

d)

margin