wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Alibek Bagdat

Total questions: 100

Worksheet time: 50mins

Name
Class
Date
1.

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

a)

<button>

b)

<textarea>

c)

<form>

d)

<input>

2.

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

a)

<input type="tel">

b)

<input type="password">

c)

<input type="text">

d)

<input text>

3.

В каком варианте правильно записан код поля c паролем?

a)

<input type="text">

b)

<input type="email">

c)

<input type="pass">

d)

<input type="password">

4.

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

a)

<input type="checkbox">

b)

<input type="radio">

c)

<input type="text">

d)

<input type="password">

5.

В каком варианте правильно написан код флажков (поле с галочкой)?

a)

<input type="checkbox">

b)

<input type="radio">

c)

<input type="check">

d)

<input type="url">

6.

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

a)

В <body>

b)

В тег <style> в <header>

c)

<footer>

d)

В тег <style> в <head>

7.

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

a)

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

b)

<img>

c)

<img link="image.png" >

d)

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

8.
<a href="http://phphtml.net"><img src="robot.png"></a>
a)
ссылка в виде картинки
b)
тег вставки изображения
c)
тег упорядоченного (нумерованного списка)
d)
тег ссылки
9.

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

a)

size

b)

font-weight

c)

font-size

d)

font-grow

10.

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

a)

:after

b)

:link

c)

:hover

d)

:first-line

11.

Какое свойство отвечает за ширину блока

a)

width

b)

height

c)

size

d)

div

12.

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

a)

width

b)

heights

c)

height

d)

postion

13.

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

a)

borders

b)

padding

c)

margin

d)

border

14.

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

a)

margin

b)

width

c)

padding-width

d)

padding

15.

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

a)

margin

b)

padding

c)

position

d)

width

16.

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

a)

background-image

b)

background-color

c)

background-size

d)

background-position

17.

Какой тег отвечает за Горизонтальную черту

a)

<br>

b)

<h5>

c)

<hr>

d)

<u>

18.

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

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>

19.

Свойство в CSS, которое позволяет определить, каким шрифтом будет написан текст.

a)

font-family

b)

font-style

c)

font-size

d)

font-variant

e)

font-weight

20.

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

a)

<title>

b)

<head>

c)

<meta>

21.

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

a)

color

b)

background

c)

background-color

d)

color-background

22.

Какое свойство позволяет закруглять углы блоков

a)

border-circle

b)

border

c)

border-radius

d)

border-image

23.

Укажите тег заголовка до­кумента

a)

<html>...</html>

b)

<head>... </head>

c)

<title>...</title>

d)

<body>...</body>

24.

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

a)

<html>...</html>

b)

<head>... </head>

c)

<title>...</title>

d)

<body>...</body>

25.

Укажите тег нумерованного списка

a)

<UL>. . .</UL>

b)

<ОL> - </ОL>

c)

<MARQUEE> ... < /MARQUEE>

d)

<BR>. . .</BR>

26.

Укажите тег, используемый для разделения (разрыва) строки (переход на новую строку)

a)

<UL>. . .</UL>

b)

<ОL> - </ОL>

c)

<MARQUEE> ... < /MARQUEE>

d)

<BR>. . .</BR>

27.

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

a)

<TABLE> и </TABLE>

b)

<TR> и </ TR>

c)

<TD> и </TD>

d)

<CAPTION> и </CAPTION>

28.

Укажите атрибут тег body, отвечающий за фоновый цвет страницы

a)

bgcolor

b)

background

c)

text

d)

align

29.

Укажите атрибут тег body, отвечающий за фоновую картинку страницы

a)

bgcolor

b)

background

c)

text

d)

align

30.

<link rel="stylesheet" href="style.css"> - это

a)

Способ подключения CSS к HTML коду внутри атрибута style

b)

 Способ подключения CSS к HTML коду внутри тега style

c)

 Способ подключения CSS к HTML коду с помощью тега  <link>

31.

Укажите верные утверждения об CSS

a)

  с помощью CSS нельзя изменить внешний вид web-страницы

b)

с помощью языка CSS можно открыть параметры, которые нельзя описать на языке HTML.

c)

с использованием языка CSS увеличивается объема кода.

d)

в конце каждого объявления ставится двоеточие (:).

e)

после каждого свойства ставится двоеточие (:);   

32.

Укажите какого способа подключения скриптов к html коду не существует

a)

поместить код непосредственно в атрибут события HTML-элемента

b)

поместить код между открывающим и закрывающим тегами <script>

c)

поместить все скрипты во внешний файл (с расширением .js), а затем связать его с документом HTML

d)

поместить код между открывающим и закрывающим тегом <style>

33.

Выберите списки, где все свойства CSS используются для изменения текста

a)

font-size
font-weight
color

b)

font-size

background-color
margin

c)

font
font-family
display

d)

text-decoration
font-family
font-size

34.

Как сделать картинку фоном элемента body?

a)

<body style="background-image:url(background.img)">

b)

<body bg="background.img">

c)

<background img="background.img"

35.

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

a)

<a href="http://google.com">Google.com<\a>

b)

<a url="http://google.com">Google.com<\a>

c)

<a name="http://google.com">Google.com<\a>

d)

<a>http://google.com<\a>

36.

Как сделать цвет фона body жёлтым?

a)

<background>yellow</background>

b)

<body bg="yellow">

c)

<body style="background-color:yellow;">

37.
<HTML></HTML>
a)
главный тег
b)
тег версии HTML
c)
тег основного содержимого страницы
d)
тег заголовка всей страницы
38.
<HEAD></HEAD>
a)
 тег служебного содержимого страницы
b)
тег основного содержания страницы
c)
мета-тег
39.
<BODY></BODY>
a)
главный тег
b)
тег основного содержимого страницы
c)
тег служебного содержимого страницы
d)
тег заголовка всей страницы
40.
<TITLE></TITLE>
a)
тег заголовка всей страницы
b)
главный тег
c)
тег служебного содержимого страницы
d)
тег версии HTML
41.
<P></P>
a)
тег полужирного начертания текста
b)
тег абзаца
c)
тег курсивного начертания текста
d)
тег переноса строки
42.
<B></B>
a)
тег полужирного начертания текста
b)
тег абзаца
c)
тег курсивного начертания текста
d)
тег переноса строки
43.
<i></i>
a)
тег полужирного начертания текста
b)
тег абзаца
c)
тег курсивного начертания текста
d)
тег переноса строки
44.
<br>
a)
тег полужирного начертания текста
b)
тег абзаца
c)
тег курсивного начертания текста
d)
тег переноса строки
45.
<H2></H2>
a)
тег полужирного начертания текста
b)
тег абзаца
c)
тег курсивного начертания текста
d)
тег заголовка
46.
<img src="robot.png">
a)
тег полужирного начертания текста
b)
тег вставки изображения
c)
тег курсивного начертания текста
d)
тег заголовка
47.
<a href="https://htmlacademy.ru">html academy</a>
a)
тег полужирного начертания текста
b)
тег вставки изображения
c)
тег курсивного начертания текста
d)
тег ссылки
48.
<ul>
      <li>ПЕРВЫЙ</li>
      <li>ВТОРОЙ</li>
      <li>ТРЕТИЙ</li>
</ul>
a)
тег неупорядоченного (маркированного списка)
b)
тег вставки изображения
c)
тег упорядоченного (нумерованного списка)
d)
тег ссылки
49.
<ol>
      <li>ПЕРВЫЙ</li>
      <li>ВТОРОЙ</li>
      <li>ТРЕТИЙ</li>
</ol>
a)
тег неупорядоченного (маркированного списка)
b)
тег вставки изображения
c)
тег упорядоченного (нумерованного списка)
d)
тег ссылки
50.
<a href="http://phphtml.net"><img src="robot.png"></a>
a)
ссылка в виде картинки
b)
тег вставки изображения
c)
тег упорядоченного (нумерованного списка)
d)
тег ссылки
51.
<!--ЧТО ЭТО за ТЕГ? -->
a)
ссылка в виде картинки
b)
тег вставки изображения
c)
тег комментария на веб-странице
d)
тег ссылки
52.
<!DOCTYPE html>.
a)
конструкция, указывающая версию языка HTML
b)
тег вставки изображения
c)
тег комментария на веб-странице
d)
тег ссылки
53.
<font face='tahoma' size=5 color 'red'>Информатика</font>
a)
конструкция, указывающая версию языка HTML
b)
тег форматирования шрифта
c)
тег комментария на веб-странице
d)
тег ссылки
54.
<link rel="stylesheet" href="style.css">.
a)
конструкция, указывающая версию языка HTML
b)
Тег подключения CSS-файла на HTML страницу. 
c)
тег комментария на веб-странице
d)
тег ссылки
55.
<style>
p {
color: red;
}
 
</style>
a)
конструкция, указывающая версию языка HTML
b)
Тег подключения CSS-файла на HTML страницу. 
c)
тег комментария на веб-странице
d)
Тег размещения CSS прямо внутри HTML страницы
56.
<script></script>
a)
Тег подключения JavaScript к HTML странице 
b)
Тег подключения CSS-файла на HTML страницу. 
c)
тег комментария на веб-странице
d)
Тег размещения CSS прямо внутри HTML страницы
57.
<meta>
a)
Тег подключения JavaScript к HTML странице 
b)
Тег подключения CSS-файла на HTML страницу. 
c)
Тег задает некоторые служебные команды браузеру или поисковым системам: кодировку страницы, описание страницы для поисковиков, автора страницы и так далее.
d)
Тег размещения CSS прямо внутри HTML страницы
58.
<meta charset="utf-8">
a)
Тег подключения JavaScript к HTML странице 
b)
Тег подключения CSS-файла на HTML страницу. 
c)
Тег задает некоторые служебные команды браузеру или поисковым системам: кодировку страницы, описание страницы для поисковиков, автора страницы и так далее.
d)
Тег определения кодировки страницы
59.
<meta name="description" content="Описание документа.">
a)
Тег подключения JavaScript к HTML странице 
b)
Тег описания документа для поисковиков
c)
Тег задает некоторые служебные команды браузеру или поисковым системам: кодировку страницы, описание страницы для поисковиков, автора страницы и так далее.
d)
Тег определения кодировки страницы
60.
<meta name="keywords" content="Ключевые слова" >
a)
Тег описания ключевых слов документа для поисковиков
b)
Тег описания документа для поисковиков
c)
Тег задает некоторые служебные команды браузеру или поисковым системам: кодировку страницы, описание страницы для поисковиков, автора страницы и так далее.
d)
Тег определения кодировки страницы
61.
<meta http-equiv="refresh" content="5; url=http://www.example.com/">
a)
Тег описания ключевых слов документа для поисковиков
b)
Тег описания документа для поисковиков
c)
Тег задает некоторые служебные команды браузеру или поисковым системам: кодировку страницы, описание страницы для поисковиков, автора страницы и так далее.
d)
Редирект (перебрасывание на другую страницу)
62.
<table>
a)
тег таблицы
b)
тег (ряд ) строки
c)
тег ячейки
d)
тег ячейки-заголовки
63.
<tr>
a)
тег таблицы
b)
тег (ряд ) строки
c)
тег ячейки
d)
тег ячейки-заголовки
64.
<td>
a)
тег таблицы
b)
тег (ряд ) строки
c)
тег ячейки
d)
тег ячейки-заголовки
65.
<th>
a)
тег таблицы
b)
тег (ряд ) строки
c)
тег ячейки
d)
тег ячейки-заголовки
66.
Атрибут cellspacing
a)
расстояние между ячейками
b)
отступ между текстом и границей ячейки
67.
Атрибут cellpadding
a)
расстояние между ячейками
b)
отступ между текстом и границей ячейки
68.
Атрибут colspan
a)
расстояние между ячейками
b)
отступ между текстом и границей ячейки
c)
объединяет строки
d)
объединяет столбцы
69.
Атрибут rowspan
a)
расстояние между ячейками
b)
отступ между текстом и границей ячейки
c)
объединяет строки
d)
объединяет столбцы
70.

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

a)

<BODY> ... </BODY>

b)

<HTML> ... </HTML>

c)

<HEAD> ... </HEAD>

d)

<TITLE> ... </TITLE>

71.

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

a)

Теги

b)

Свойства

c)

Селекторы

d)

Значения

72.

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

a)

hidth

b)

width

c)

weight

d)

height

73.

… – определяет значение полей вокруг содержимого элемента.

a)

margin

b)

padding

c)

position

d)

cellspasing

74.

Что представляет собой HTML?

a)

Программный язык для разработки мобильных приложений.

b)

Программный язык для разработки мобильных приложений.

c)

Стандартизированный язык разметки для создания веб-страниц.

d)

Графический формат изображений.

75.

Для чего нужен тег <head> в HTML?

a)

Для вставки текстового содержимого на веб-страницу.

b)

Для хранения метаданных о веб-странице, таких как заголовок страницы, мета-теги, ссылки на внешние файлы стилей и скрипты.

c)

Для определения основного содержимого веб-страницы.

d)

Для создания списка заголовков разделов на веб-странице.

76.

Являются ли HTML и CSS языками программирования?

a)

Да, оба являются языками программирования.

b)

Нет, ни HTML, ни CSS не являются языками программирования.

c)

HTML является языком программирования, но CSS нет.

d)

CSS является языком программирования, но HTML нет.

77.

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

a)

{ a:color=red; }

b)

a [ color: red; ]

c)

a { color = red; }

d)

a { color: red; }

78.

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

a)

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

b)

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

c)

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

d)

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

79.

Как расшифровывается WWW?

a)

World Whole Web

b)

World Wide Web

c)

Whole World Web

80.

Веб-сайт это –

a)

средство для просмотра информации в Интернет

b)

набор веб-страниц в Интернет

c)

совокупность веб-страниц, объединенных с помощью гиперссылок

81.

Страницы, которые отображаются браузером в том виде, в каком были созданы, называются...

a)

динамичными

b)

статичными

c)

динамическими

d)

статическими

82.

Страницы, которые генерируются по запросу пользователя называются...

a)

динамичными

b)

статичными

c)

динамическими

d)

статическими

83.

Теги разметки HTML заключаются между знаками...

a)

/…/

b)

\.../

c)

<…>

d)

#...#

84.

В какие теги заключается документ HTML?

a)

<body>...</body>

b)

<head>...</head>

c)

<html>...</html>

d)

<title>...</title>

85.

Тело HTML-документа заключается между тегами…

a)

<body>...</body>

b)

<head>...</head>

c)

<html>...</html>

d)

<title>...</title>

86.

Для оформления заголовка HTML-документа используются теги...

a)

<body>...</body>

b)

<head>...</head>

c)

<html>...</html>

d)

<title>...</title>

87.

Какое расширение должен иметь файл, чтобы мы могли открыть его в браузере?

a)

.css

b)

.txt

c)

.html

d)

.docx

88.

Что такое HTML?

a)

Протокол передачи гипертекста

b)

Язык разметки гипертекста

c)

Язык программирования

d)

Текстовый редактор

89.

Какой тег устанавливает форму на страницу?

a)

<form>

b)

<input>

c)

<select>

d)

<textarea>

90.

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

a)

<button>

b)

<textarea>

c)

<form>

d)

<input>

91.

В каком варианте правильно записан код поля c паролем?

a)

<input type="text">

b)

<input type="email">

c)

<input type="pass">

d)

<input type="password">

92.

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

a)

<input type="checkbox">

b)

<input type="radio">

c)

<input type="text">

d)

<input type="password">

93.

В каком варианте правильно написан код флажков (поле с галочкой)?

a)

<input type="checkbox">

b)

<input type="radio">

c)

<input type="check">

d)

<input type="url">

94.

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

a)

<input type="submit">

b)

<button>

c)

<input type="text">

d)

<input type="Готово">

95.

Зачем нужен CSS?

a)

Он создает правила, которые определяют внешний вид сайта

b)

Он нужен чтоб сайт работал

96.

Как подключить внешние стили (например 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">

97.

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

a)

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

b)

<img>

c)

<img link="image.png" >

d)

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

98.

С помощью тега <TR> можно создать...:

a)

Заголовок таблицы;

b)

Ячейку таблицы

c)

Строку таблицы

d)

Абзац

99.

Как убрать подчеркивание у гиперссылки?

a)

a {underline:none;}

b)

a {text-decoration:no-underline;}

c)

a {text-decoration:none;}

d)

a {decoration:no-underline;}

100.

Какие из этих стилей НЕ относятся к CSS?

a)

color

b)

main

c)

text-align

d)

font-size