wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

10th grade CS exam HTML+CSS

Total questions: 30

Worksheet time: 33mins

Name
Class
Date
1.

Что пишется в самом начале html-документа?

a)

<html>

b)

<doctype>

c)

<!DOCTYPE html>

d)

<h1></h1>

2.

Все, что пишется внутри этого тега - будет отображено в браузере

a)

<html>

b)

<head>

c)

<p>

d)

<body>

3.

Все, что пишется внутри этого тега - описание и настройки сайта для браузера

a)

<head>

b)

<body>

c)

<html>

d)

<p>

4.

Какой тег обозначает Параграф?

a)

<b>

b)

<h1>

c)

<p>

d)

<paragraph>

5.

Какой заголовок самый важный и самый большой?

a)

h6

b)

h1

c)

H3

d)

h2

6.

В каком варианте правильно написан код ссылки

a)

<a>Google</a>

b)

<a href="Google">Google</a>

c)

<a href="https://www.google.com"></a>

d)

<a href="https://www.google.com"> Google</a>

7.

Неупорядоченный список (с кружочками)

a)

<ol>

b)

<ul>

c)

<dl>

d)

<ll>

8.

Выберите вариант с правильным кодом вставки картинки image.png

a)

<img href="image.png" >

b)

<img href="image.png" alt="Image">

c)

<img src="image" alt="image.png">

d)

<img src="image.png" alt="Image">

9.

Какой HTML элемент определяет заголовок web-страницы?

a)

<title>

b)

<head>

c)

<meta>

10.

Web-страница (документ HTML) представляет собой:

a)

Текстовый файл с расширением txt или doc

b)

Текстовый файл с расширением htm или html

c)

Двоичный файл с расширением com или exe

d)

Графический файл с расширением gif или jpg

11.

Какой тег используется для создания гиперссылок?

a)

<a>

b)

<href>

c)

<b>

d)

<i>

12.

Как будет отформатировано слово "смежную"?

<p>Решил получше узнать <em>смежную</em> профессию</p>

a)

жирным

b)

курсивом

c)

подчеркнутым

d)

зачеркнутым

13.

Какой тег позволяет добавлять поля, кнопки, переключатели на страницу.

a)

<button>

b)

<textarea>

c)

<form>

d)

<input>

14.

В каком варианте правильно записан код переключателей?

a)

<input type="checkbox">

b)

<input type="radio">

c)

<input type="text">

d)

<input type="password">

15.

Как подключить внешние стили (например style.css) к html-документу

a)

<link rel="stylesheet" type="text/css" href="style.css">

b)

<img rel="stylesheet" type="text/css" src="style.css">

c)

<link rel="stylesheet" type="text/css">

d)

<css rel="stylesheet" type="text/css" href="style.css">

16.

Тег для создания блока (контейнера)

a)

span

b)

h1

c)

p

d)

div

17.

С помощью какого свойства задать фон цветом

a)

background

b)

background-color

c)

color

d)

red

18.

Свойство ширины задается с помощью

a)

size

b)

weight

c)

width

d)

height

19.

А внутренний отступ

a)

margin

b)

padding

c)

size

d)

line-height

20.

Свойство position:fixed

a)

делает элемент родителем

b)

делает его самим по себе

c)

фиксирует элемент в конкретном месте

d)

ничего не происходит

21.

Какое свойство стилей задает цвет шрифта?

a)

font-color

b)

font

c)

color

d)

colorful

22.

Какое свойство позволяет указать размер шрифта?

a)

size

b)

font-weight

c)

font-size

d)

font-grow

23.

Какое свойство отвечает за высоту блока

a)

width

b)

heights

c)

height

d)

postion

24.

Какое свойство определя­ет интервал между блоками (внешние отступы)

a)

margin

b)

padding

c)

position

d)

width

25.

Для чего нужен CSS?

a)

Для работы со стилями в фреймах

b)

Для создания разметки на странице

c)

Для работы со стилями на страницах сайта

d)

Для добавления функциональности к странице

26.

Какое правило CSS написано корректно?

a)

{ a:color=red; }

b)

a [ color: red; ]

c)

a { color = red; }

d)

a { color: red; }

27.

Где верно прописан селектор для тега ниже?

<div class="test">Text</div>

a)

.test {}

b)

div.test {}

c)

#test {}

d)

* {}

28.

Укажите основное назначение тега div?

a)

Для блочной верстки сайта

b)

Для табличной верстки сайта

c)

Для работы с видео

d)

Для создание таблиц

e)

Для работы с текстом

29.

Какая ошибка допущена в приведенном коде?

<img href="/img/test.png" alt="">

a)

Нужен зарывающий тег img

b)

Путь к изображению указан не полностью

c)

Необходимо дописать атрибут title

d)

Вместо href необходимо писать src

30.

Какой псевдоэлемент нужно использовать, чтобы при наведении курсора мыши на ссылку, она меняла цвет.

a)

active

b)

hover

c)

link