wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

BASIC HTML CSS RU

Total questions: 65

Worksheet time: 40mins

Name
Class
Date
1.

Для чего служат в HTML символы <HEAD> <TITLE> </ TITLE> </HEAD>:

a)

для выделения абзаца

b)

для создания заголовка

c)

для выделения глав

d)

для выделения заголовка

2.

За что отвечает псевдотег <!DOCTYPE HTML>

a)

голова сайта

b)

начало страницы

c)

версия html

d)

тип сайта

3.

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

a)

span

b)

h1

c)

p

d)

div

4.

С помощью какого тега можно подключить внешний файл css

a)

href

b)

link

c)

a

d)

head

5.

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

a)

background

b)

background-color

c)

color

d)

red

6.

А как задать цвет текста?

a)

font-color

b)

font

c)

color

d)

size

7.

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

a)

size

b)

weight

c)

width

d)

height

8.

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

a)

margin

b)

padding

c)

size

d)

line-height

9.

Чтобы скруглить края у блока необходимо использовать свойство

a)

radius

b)

div

c)

border-radius

d)

border-div

10.

Свойство position:fixed

a)

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

b)

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

c)

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

d)

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

11.

CSS -

a)

используется для структурирования и отображения веб-страницы и её контента

b)

новая версия CS:GO

c)

используется для стилизации вашей веб-страницы

d)

Инициалы Ника

12.

HTML -

a)

используется для стилизации вашей веб-страницы

b)

используется для структурирования и отображения веб-страницы и её контента

c)

язык программирования, который добавляет интерактивность на ваш веб-сайт

d)

новое шоу на ТНТ

13.

JavaScript -

a)

язык программирования, который добавляет интерактивность на ваш веб-сайт

b)

используется для стилизации вашей веб-страницы

c)

используется для структурирования и отображения веб-страницы и её контента

d)

Шампунь

14.

Будет html работать без css?

a)

Да

b)

Нет

15.

как подключить класс в html

a)

<class div="name"></class>

b)

<div class="name"></div>

c)

<div id="name"></div>

d)

<div .name></div>

16.

Что такое тег <h1>

a)

Делает первую букву большой

b)

Заголовок первого уровня

c)

Текст

d)

Приоритет загрузки блока

17.

Flexbox - предоставляет инструменты для быстрого создания сложных, гибких макетов, и функции

a)

Да

b)

Нет

18.

@keyframes устанавливает

a)

частоту отображения кадров на странице

b)

размер страницы

c)

ключ на страницу

d)

ключевые кадры при анимации элемента

19.

Как сделать текст курсивным?

a)

<i>

b)

<o>

c)

<m>

20.

Как сделать текст жирным?

a)

<b>

b)

<p>

c)

<d>

21.

Что делает тег "<p>" ?

a)

Создает абзац

b)

Создает картинку

c)

Создает кнопку

22.

Как создать НЕнумерованный список (без номеров) ?

a)

<ul>

b)

<ol>

c)

<li>

23.

Как создать Нумерованный список?

a)

<ol>

b)

<ul>

c)

<li>

24.

Как создать ссылку в html?

a)

<a>

b)

<b>

c)

<t>

25.

Создайте картинку на странице:

4 lines
26.

Стандартный размер экрана? (width/height)

a)

1920px/1080px

b)

1620px/1020px

c)

1220px/1090px

d)

1880px/1040px

27.

Как переместить объект в центр?

a)

align-text: center;

b)

display: flex;

justify-content: center;

c)

display: center;

d)

align-content: center;

flex-direction: center;

28.

Начало и конец Web-страницы …

a)

<BODY> ... </BODY>

b)

<HTML> ... </HTML>

c)

<HEAD> ... </HEAD>

d)

<TITLE> ... </TITLE>

29.

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

a)

<title>

b)

<head>

c)

<meta>

30.

Для просмотра Web-страниц в Интернете используются программы…

a)

MicroSoft Word или Word Pad

b)

MicroSoft Access или MicroSoft Works

c)

Internet Explorer или Opera или Google Chrome

d)

HTMLPad или Front Page

31.

Какой вариант сохранения файла верный?

a)

doc.txt

b)

doc.html

c)

doc.htm

d)

doc.thml

e)

doc.thm

32.

С какой конструкции начинаются и заканчиваются все теги

a)

‘…’

b)

<…>

c)

[…]

33.

Исправьте ошибку в html-коде маркированного списка "<ul><li>Пункт 1</li><li>Пункт 2</li><li>Пункт 3</li></ol>".

a)

<ol><li>Пункт 1</li><li>Пункт 2</li><li>Пункт 3</li></ol>

b)

<ol/><li>Пункт 1</li><li>Пункт 2</li><li>Пункт 3</li><ol>

c)

<ol><li>Пункт 1<li>Пункт 2<li>Пункт 3<li></ol>

d)

<ul><li>Пункт 1</li><li>Пункт 2</li><li>Пункт 3</li></ul>

34.

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

a)

<a>

b)

<strong>

c)

<b>

d)

<I>

35.

Какие из тегов не являются парными?

a)

<TABLE>

b)

<IMG>

c)

<TR>

d)

<BODY>

36.

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

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

a)

жирным

b)

курсивом

c)

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

d)

зачеркнутым

37.

Напишите атрибут с помощью которого записывают путь к графическому файлу в теге <img>

(a)  

38.

Что показывает атрибут alt?

a)

передает замещающий текст, который отображается на странице, если изображение недоступно

b)

представляет собой URL-путь к файлу с изображением

c)

определяет качество изображения и его разрешение

d)

измеряет размер изображения в пикселях

39.

Принудительный разрыв строки ...

a)

<BR>

b)

<H1>...</H1>

c)

<HR>

d)

<Р>...</Р>

40.

Что такое непарные теги?

a)

Это теги, состоящие только из закрывающего тега

b)

Это теги, состоящие только из открывающего тега

c)

Это теги, состоящие только из 2 тегов

d)

Это теги, состоящие из открывающего и закрывающего тега

41.

Что такое парные теги?

a)

Это открывающие теги

b)

Это закрывающие теги

c)

Это теги, состоящие из открывающего и закрывающего тега

d)

Это теги, состоящие только из открывающего тега

42.

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

a)

<head>

b)

<body>

c)

<html>

d)

<p>

43.

Разметку Web-страницы набранного текста на языке HTML можно просмотреть в программе…

a)

Outlook Express

b)

Блокнот

c)

Microsoft Word

d)

Internet Explorer

44.

Сколько существует способов добавления стили на сайт?

a)

1

b)

2

c)

3

d)

4

45.

Можно ли добавлять стили как атрибут к определенному тегу?

a)

Да

b)

Нет

46.

В какой тег добавляются внутренние стили в html-документе ?

a)

В <body>

b)

В тег <style> в <header>

c)

<footer>

d)

В тег <style> в <head>

47.
<meta>
a)
Тег подключения JavaScript к HTML странице 
b)
Тег подключения CSS-файла на HTML страницу. 
c)
Тег задает некоторые служебные команды браузеру или поисковым системам: кодировку страницы, описание страницы для поисковиков, автора страницы и так далее.
d)
Тег размещения CSS прямо внутри HTML страницы
48.

какой тег не является основным

a)

html

b)

body

c)

head

d)

caption

49.

Сколько есть уровней тега для заголовок?

a)

1

b)

10

c)

17

d)

6

50.

Какой свойство CSS используется для изменение цвета фона

a)

background-color

b)

color

c)

text color

d)

font color

51.

Предназначен для выделения длинных цитат внутри документа.

a)

<blockquote>

b)

<cite>

c)

<sup>

d)

<sub>

52.

This is a picture of a ____.

a)

CSS Rule

b)

HTML Rule

c)

Tags

d)

Coding

53.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

54.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

55.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

56.

The blue is called an _____________

a)

Declaration

b)

Selector

c)

Property

d)

Value

57.

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

a)

size

b)

font-weight

c)

font-size

d)

font-grow

58.

Какое свойство позволяет указать степень непрозрачности

a)

transparency

b)

opacity

c)

text

d)

invisible

59.

Какой псевдокласс позволяет применять стили при наведении мышкой

a)

:after

b)

:link

c)

:hover

d)

:first-line

60.

Какое свойство позволя­ет одновременно указать толщину, стиль и цвет границы.

a)

borders

b)

padding

c)

margin

d)

border

61.

С помощью какого свойства можно перемещать элемент относительно места

a)

position:absolute

b)

display:block

c)

position:relative

d)

display:flex

62.

Какое свойство позволяет поместить изображение позади любого НТМL-элемента (как фоновое изображение)

a)

background-image

b)

background-color

c)

background-size

d)

background-position

63.

Можно ли добавлять стили как атрибут к определенному тегу?

a)

Да

b)

Нет

64.

В какой тег добавляются внутренние стили в html-документе ?

a)

В <body>

b)

В тег <style> в <header>

c)

<footer>

d)

В тег <style> в <head>

65.

Как правильно добавлять картинку на страницу? (image.png)

a)

<img src="image" alt="альтернативный текст">

b)

<img>

c)

<img link="image.png" >

d)

<img src="image.png" alt="альтернативный текст">