wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Вопросы по HTML и CSS

Total questions: 62

Worksheet time: 35mins

Name
Class
Date
1.

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

a)

Да

b)

Нет

c)

Частично

d)

Только в браузере

2.

Расшифровка CSS и за что он отвечает (открытый вопрос)

4 lines
3.

Какой тег создаёт заголовок первого уровня?

a)

h1

b)

h2

c)

h3

d)

h4

4.

Тег <p> используется для:

a)

Ссылок

b)

Параграфов

c)

Изображений

d)

Кнопок

5.

Какой тег вставляет изображение?

a)

footer

b)

img

c)

index

d)

iframe

6.

Атрибут для источника изображения:

a)

src

b)

href

c)

alt

d)

link

7.

Атрибут, который задаёт альтернативный текст:

a)

alt

b)

src

c)

title

d)

placeholder

8.

Атрибут тега для адреса ссылки:

a)

src

b)

href

c)

link

d)

url

9.

Атрибут controls у тега :

a)

Запускает видео автоматически

b)

Показывает элементы управления

c)

Скрывает видео

d)

Вставляет субтитры

10.

Атрибут тега <source> для источника файла:

a)

src

b)

href

c)

file

d)

source

11.

Как объединить ячейки таблицы по горизонтали?

a)

rowspan

b)

colspan

c)

merge

d)

span

12.

Атрибут для ширины таблицы:

a)

width

b)

size

c)

length

d)

height

13.

Как объединить ячейки по вертикали?

a)

rowspan

b)

colspan

c)

merge

d)

span

14.

Атрибут для ширины таблицы:

a)

width

b)

size

c)

length

d)

height

15.

Как задать цвет текста через CSS?

a)

text-color

b)

color

c)

font-color

d)

bg-color

16.

Как задать цвет фона через CSS?

a)

background-color

b)

bg

c)

color

d)

background

17.

Селектор по классу в CSS начинается с:

a)

.

b)

#

c)

@

d)

$

18.

Селектор по ID в CSS начинается с:

a)

#

b)

.

c)

@

d)

$

19.

Какой тег создаёт таблицу?

a)

table

b)

mable

c)

diper

d)

tr

20.

Как задать отступы через CSS?

a)

padding

b)

margin

c)

border

d)

spacing

21.

Какой тег задаёт строку таблицы?

a)

tr

b)

td

c)

ta

d)

aqqs

22.

Какой тег задаёт ячейку таблицы?

a)

th

b)

tr

c)

td

d)

ta

23.

Что делает класс .w-100?

a)

ширина 50%

b)

ширина 100%

c)

высота 100%

d)

ширина 70%

24.

Что происходит при наведении на ссылку в nav a?

a)

Цвет текста меняется на белый

b)

Цвет текста меняется на черный, а фон на #0096ff

c)

Цвет текста становится синим

d)

Ссылка становится жирной

25.

Какой класс используется для элемента с шириной 70%?

a)

w-100

b)

w-50

c)

w-70

d)

w-30

26.

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

a)

ol

b)

ul

c)

li

d)

list

27.

Какой атрибут используется для задания стиля элемента в CSS?

a)

class

b)

id

c)

css

d)

style

28.

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

a)

button

b)

form

c)

input

d)

textarea

29.

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

a)

size

b)

width

c)

alt

d)

height

30.

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

a)

submit

b)

button

c)

input

d)

form

31.

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

a)

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

b)

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

c)

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

d)

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

32.

Выберите вариант с правильным кодом вставки картинки 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">

33.

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

a)

В <body>

b)

В тег <style> в <header>

c)

<footer>

d)

В тег <style> в <head>

34.

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

a)

<body>

b)

<header>

c)

<html>

d)

<p>

35.

Сколько в html существует заголовков?

a)

3

b)

6

c)

9

d)

12

36.

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

a)

голова сайта

b)

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

c)

версия html

d)

тип сайта

37.

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

a)

span

b)

h1

c)

p

d)

div

38.

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

a)

href

b)

link

c)

a

d)

head

39.

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

a)

background

b)

background-color

c)

color

d)

red

40.

Какой тег создает маркированный список

a)

ul

b)

ol

c)

li

d)

list

41.

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

a)

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

b)

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

c)

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

d)

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

42.

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

a)

Язык программирования для создания динамических веб-сайтов.

b)

не правильный ответ

c)

не правильный ответ

d)

Программа для создания и редактирования графических изображений.

43.

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

a)

Для вставки изображений на веб-страницу.

b)

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

c)

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

d)

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

44.

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

a)

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

b)

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

c)

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

d)

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

45.

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

a)

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

b)

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

c)

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

d)

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

46.

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

a)

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

b)

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

c)

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

d)

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

47.

Что представляет собой тег <p> в HTML и как его использовать?

a)

Тег <p> используется для создания таблиц на веб-странице.

b)

Тег <p> используется для создания ссылок на другие веб-страницы.

c)

Тег <p> используется для создания абзацев текста на веб-странице.

d)

Тег <p> используется для вставки изображений на веб-страницу.

48.

Как правильно использовать тег <p> в HTML?

a)

<p Это первый абзац текста >

b)

<p>Это первый абзац текста</p>

c)

<p Это первый абзац текста</p>

d)

<p> Это первый абзац текста<p>

49.

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

a)

Тег h используется для создания гиперссылок на другие веб-страницы.

b)

Тег h используется для вставки изображений на веб-страницу.

c)

Тег h используется для создания заголовков различного уровня на веб-странице.

d)

Тег h используется для форматирования текста в курсив.

50.

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

a)

Тег <a> используется для создания абзацев текста на веб-странице.

b)

Тег <a> используется для вставки изображений на веб-страницу.

c)

Тег <a> используется для создания заголовков различного уровня на веб-странице.

d)

Тег <a> используется для создания гиперссылок на другие веб-страницы или ресурсы.

51.

Как правильно использовать тег <a> в HTML?

a)

<a href="https://www.example.com">Это ссылка</a>

c)

<a>Это ссылка</a>

d)

<a src="https://www.example.com">Это ссылка</a>

52.

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

a)

Тег <img> используется для создания абзацев текста на веб-странице.

b)

Тег <img> используется для вставки изображений на веб-страницу.

c)

Тег <img> используется для создания заголовков различного уровня на веб-странице.

d)

Тег <img> используется для создания гиперссылок на другие веб-страницы или ресурсы.

53.

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

a)

Добавить стили непосредственно в теги HTML.

b)

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

c)

Создать файл CSS и добавить ссылку на него внутри тега <head> HTML-файла с помощью тега <link>

d)

Использовать JavaScript для привязки стилей к HTML-элементам

54.

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

a)

Тег <ul> используется для создания упорядоченного списка на веб-странице.

b)

Тег <ul> используется для создания неупорядоченного списка на веб-странице.

c)

Тег <ul> используется для создания таблиц на веб-странице.

d)

Тег <ul> используется для вставки изображений на веб-страницу.

55.

Где неправильно использованы теги?

a)

<p>Здесь вы можете найти много интересной информации о нашей компании.</a>

b)

<img href="example.jpg" alt="Пример изображения">

c)

<h>Добро пожаловать на наш сайт!</h1>

d)

<a href="about.html">Узнать больше</p>

56.

Выберите первую строку файла HTML

a)

<!doctype html>

b)

<html>

c)

<head>

d)

<body>

57.

Выберите тег переноса строки

a)

<head>

b)

<body>

c)

<p>

d)

<br>

58.

Выберите атрибут, с помощью которого в теге <img> указывается ссылка на изображение

a)

src

b)

alt

c)

width

d)

height

59.

Выберите правильный код HTML

a)

<body><p>Абзац</body></p>

b)

<body><p>Абзац</p></body>

c)

<img src("diamond.jpg")>

d)

<img src="diamond.jpg">

60.

Выберите верные значения свойства CSS text-align

a)

red

b)

left

c)

right

d)

100px

61.

Выберите единицы измерения в CSS

a)

Пиксели (px)

b)

Проценты (%)

c)

Метры (m)

d)

Попугаи (p)

62.

Выберите символ, с которого начинается название класса CSS

a)

Точка (.)

b)

Решётка (#)

c)

Восклицательный знак (!)

d)

Тире (-)