wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

ВЕБ-ДИЗАЙН ЭКЗАМЕН 2.0

Total questions: 77

Worksheet time: 45mins

Name
Class
Date
1.

Напишите ТЕГ, который заключает в себе все содержимое веб-страницы

(a)  

2.

Напишите ТЕГ, который предназначен для хранения содержания веб-страницы (контента), отображаемого в окне браузера

(a)  

3.

Исправьте ошибку в 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>

4.

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

a)

<a>

b)

<href>

c)

<b>

d)

<i>

5.

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

a)

<image source="untitled.jpg">

b)

<img src="untitled.jpg">

c)

<src img="untitled.jpg">

d)

<img scr="untitled.jpg">

6.

Какие теги используется для выделения текста жирным? (2 ВАРИАНТА!)

a)

<a>

b)

<strong>

c)

<b>

d)

<I>

7.

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

a)

<TABLE>

b)

<IMG>

c)

<TR>

d)

<BODY>

8.

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

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

a)

жирным

b)

курсивом

c)

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

d)

зачеркнутым

9.

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

(a)  

10.

Напишите универсальное свойство, с помощью которого можно задать характеристики фона объекта на web-странице

a)

background

b)

bgcolor

c)

bg

d)

overflow

11.

У этого тега нет парного закрывающего

a)

<img>

b)

<head>

c)

<body>

d)

<p>

12.

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

a)

ol

b)

ul

c)

li

d)

nl

13.
Какой тег используется для маркированного списка?
a)
OL
b)
LI
c)
UL
d)
DD
14.

Что такое домен?

a)

Уникальное имя, по которому можно обратиться к ресурсу.

b)

Услуга для хранения данных сайта.

c)

Тип документа для HTML5.

15.

Что представляет собой хостинг?

a)

Уникальное имя, по которому можно обратиться к ресурсу.

b)

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

c)

Тег для абзаца текста.

16.

Какие функции выполняет тег <!DOCTYPE html> в HTML5?

a)

Устанавливает заголовок веб-страницы

b)

Объявление типа документа для HTML5.

c)

Тег для абзаца текста.

17.

Что содержит тег <html> в HTML-документе?

a)

Установку кодировки документа.

b)

Начало HTML-документа.

c)

Тег для абзаца текста.

18.

Какую информацию можно найти внутри тега <head>?

a)

Текст и изображения веб-страницы.

b)

Метаинформацию о документе, такую как заголовок страницы, ссылки на стили, скрипты и другие элементы.

c)

Тег для выделения текста курсивом.

19.

Что делает тег <title> в HTML-документе?

a)

Тег для абзаца текста.

b)

Устанавливает заголовок веб-страницы.

c)

Тег для выделения текста жирным.

20.

Какую информацию можно разместить внутри тега <body>?

a)

Метаинформацию о документе.

b)

Текст, изображения, ссылки и другие видимые элементы веб-страницы.

c)

Объявление типа документа для HTML5.

21.

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

a)

<p>

b)

<b>

c)

<i>

22.

Какой тег выделяет текст жирным шрифтом?

a)

<p>

b)

<b>

c)

<i>

23.

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

a)

<p>

b)

<b>

c)

<i>

24.

Сколько уровней заголовков предусмотрено в HTML с использованием тега <h>?

a)

3 уровня.

b)

4 уровня.

c)

6 уровней.

25.

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

a)

color: darkgreen;

b)

font-size: 18px;

c)

color: red;

26.

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

a)

margin-bottom: 20px;

b)

font-size: 18px;

c)

background-color: #f0f0f0;

27.

Что делает свойство CSS margin-bottom: 20px;?

a)

Устанавливает цвет текста внутри параграфов в красный.

b)

Задает размер шрифта текста внутри параграфов.

c)

Устанавливает внешний отступ внизу каждого параграфа равным 20 пикселям.

28.

Как устанавливается цвет фона для всего тела документа в CSS?

a)

background-color: #f0f0f0;

b)

color: darkgreen

c)

padding-top: 20px;

29.

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

a)

<img src="путь_к_картинке.jpg" alt="Описание картинки">

b)

<img alt="Описание картинки" src="путь_к_картинке.jpg">

c)

<img path="путь_к_картинке.jpg" desc="Описание картинки">

30.

ПОНРАВИЛСЯ УРОК?

a)

ДА

b)

НЕТ

31.

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

a)

<ul>

b)

<ol>

c)

<li>

d)

<dl>

32.

Какие элементы списка обозначаются тегом <li>?

a)

Элементы неупорядоченного списка

b)

Элементы упорядоченного списка

c)

Элементы определенного списка

d)

Все вышеперечисленное

33.

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

a)

<ul>

b)

<ol>

c)

<li>

d)

<dl>

34.

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

a)

<ol>, <li>

b)

<ul>, <li>

c)

<dl>, <dt>, <dd>

35.

Что делает тег <a href="#"> в HTML?

a)

Создает гиперссылку

b)

Создает неупорядоченный список

c)

Создает упорядоченный список

36.

Какой текст отображается внутри элемента <a> в HTML?

a)

Текст "unordered list"

b)

Текст "list item"

c)

Текст, который отображается как кликабельный элемент

37.

Зачем используется правило ul, li { margin: 0; padding: 0; } в CSS?

a)

Увеличивает внутренний отступ для элементов <ul> и <li>

b)

Убирает внешний и внутренний отступ для элементов <ul> и <li>

c)

Увеличивает внешний отступ для элементов <ul> и <li>

38.

Зачем используется свойство background для элемента <a> в CSS?

a)

Устанавливает цвет текста для гиперссылки.

b)

Устанавливает цвет фона для гиперссылки.

39.

Что делает свойство text-decoration: none; для элемента <a> в CSS?

a)

Устанавливает подчеркивание для гиперссылки.

b)

Отключает подчеркивание для гиперссылки.

40.

Что означает комбинированный селектор li:hover a в CSS?

a)

Выбирает все элементы <li> при наведении мыши

b)

Выбирает все элементы <a> при наведении мыши

c)

Выбирает гиперссылки (<a>), находящиеся внутри элементов списка (<li>), при наведении мыши

41.

Что устанавливает свойство border-radius: 10px; в CSS?

a)

Цвет границы изображения

b)

Размер границы изображения

c)

Радиус закругления углов изображения

42.

Какова функция свойства box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); в CSS?

a)

Устанавливает цвет текста

b)

Создает тень для изображения

c)

Задает размытие для изображения

43.

<a href="ссылка_на_страницу">

<img src="путь_к_изображению.jpg" alt="Описание изображения">

</a>

ЭТО?

a)

Изображение в качестве ссылки

b)

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

44.

С какого символа должны начинаться имена классов и идентификаторов в HTML?

a)

Цифры

b)

Буквы

c)

Знаки доллара ($)

45.

Какие символы не допускаются в именах классов и идентификаторов в HTML?

a)

Тире (-) и подчеркивание ()

b)

Пробелы и знаки доллара ($)

46.

Какое из следующих имен является допустимым для класса в HTML?

a)

class1

b)

class with space

c)

class@name

47.

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

a)

<span>

b)

<div>

c)

<a>

d)

<p>

48.

Какую функцию выполняет хедер (Header) на веб-странице?

a)

Верхняя часть страницы, содержащая основной контент.

b)

Область страницы, где размещаются статьи и новости.

c)

Верхняя часть страницы, содержащая заголовок или логотип сайта, а также дополнительные элементы дизайна.

49.

Какую функцию выполняет контентный блок (Main) на веб-странице?

a)

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

b)

Нижняя часть страницы, содержащая копирайт и ссылки на социальные сети.

50.

Какую функцию выполняет футер (Footer) на веб-странице?

a)

Верхняя часть страницы, содержащая заголовок или логотип сайта.

b)

Область страницы, где размещаются статьи и новости.

c)

Нижняя часть страницы, часто содержащая копирайт, ссылки на социальные сети и другую вспомогательную информацию.

51.

Какой элемент предназначен для обозначения основной части содержимого на веб-странице?

a)

<div>

b)
  1. <main>

c)

<h3>

d)

<p>

52.

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

a)

<h3>

b)

<div>

c)

<a>

53.

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

a)

<h3>

b)

<a>

c)

<img>

54.

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

a)

<h3>

b)

<a>

c)

<p>

55.

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

a)

alt

b)

height

c)

src

56.

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

a)

<footer>

b)

<div>

57.

Как создать ссылку на электронную почту в подвале?

a)

<a href="#">contact@mail.com</a>

b)

<center>

58.

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

a)

<center>

b)

<div>

c)

<footer>

59.

Какой тип меню подходит для сайтов с небольшим количеством вкладок?

a)

Горизонтальное меню

b)

Выпадающее меню

60.

Где часто закрепляют горизонтальное меню?

a)

В левой части страницы

b)

В верхней части страницы

61.

Какой тип меню не загромождает страницу и предоставляет больше пространства для контента?

a)

Горизонтальное меню

b)

Вертикальное меню

c)

Выпадающее меню

62.

Где обычно располагаются ссылки на социальные сети, контактные данные и адрес электронной почты?

a)

В горизонтальном меню

b)

В футере

63.

Какой из следующих утверждений верно относительно идентификаторов (ID) в HTML?

a)

Каждый элемент может иметь несколько идентификаторов.

b)

Идентификатор должен быть уникальным только в пределах определенного тега.

c)

Каждый элемент может иметь только один идентификатор, и он должен быть

64.

Какое утверждение верно относительно классов (Class) в HTML?

a)

Каждый элемент может иметь только один класс.

b)

Может быть присвоено несколько классов одному элементу, и элементы могут иметь несколько классов.

65.

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

a)

<nav>

b)

<ul>

c)

<li>

66.

Для чего используется тег <ul>?

a)

Для создания гиперссылок.

b)

Для создания навигационного меню.

c)

Для создания неупорядоченного списка.

67.

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

a)

<nav>

b)

<li>

c)

<a>

68.

Какой элемент HTML предназначен для группировки содержимого, обычно расположенного в верхней части веб-страницы, и может включать заголовок, логотип, навигацию и другие элементы?

a)

<section>

b)

<article>

c)

<header>

69.

Какой атрибут в теге <img> определяет источник изображения?

a)

url

b)

link

c)

src

70.

Зачем используется атрибут width="200" в теге <img>?

a)

Задает высоту изображения в пикселях.

b)

Определяет источник изображения.

c)

Устанавливает ширину изображения в пикселях.

71.

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

a)

<section>

b)

<body>

c)

<main>

72.

Для чего используется элемент <div>?

a)

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

b)

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

c)

Для группировки элементов. и БЛОКОВ

73.

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

a)

<bottom>

b)

<footer>

74.

Какими технологиями обычно реализуется карусель на веб-сайте?

a)

HTML и CSS

b)

CSS и Python

c)

CSS и JavaScript

75.

Для чего часто используется карусель на веб-сайтах?

a)

Для создания сложных форм

b)

Для анимации текстовых блоков

c)

Для привлечения внимания посетителей и размещения информации

76.

Вам нравятся созданные Алексеем Андреевичем тесты?

Пожалуйста, обоснуйте свой ответ (оценивается за правдивость и содержание ответа)

4 lines
77.

ПОНРАВИЛСЯ ЛИ ВАМ ТЕСТ?

4 lines