Информатика · Пробное ЕНТ

Веб-проектирование: тест ЕНТ

Проверьте знания по теме «Веб-проектирование» для подготовки к ЕНТ. Формулы, логические выражения и математические обозначения отображаются через MathML.

20 вопросов4 варианта ответаПроверка сразуОбъясненияБез регистрации

Вопрос 1 из 20Правильных ответов: 0

✓

Тест завершён

Ваш результат по теме «Веб-проектирование»

0 / 20

Другие тесты по информатике

Подготовка к ЕНТ: Веб-проектирование

Тематический тест помогает проверить не весь курс, а конкретный раздел «Веб-проектирование». Такой формат удобен для повторения после урока, самостоятельной подготовки и поиска слабых мест.

Как работать с результатом

Не ограничивайтесь итоговым числом правильных ответов. Обратите внимание, какие понятия были перепутаны и почему выбранный вариант показался верным. После объяснения попробуйте своими словами сформулировать правило или алгоритм, логическое правило или вычислительную закономерность.

Повторное прохождение имеет смысл после короткого повторения темы. Цель — понимать связь между данными, алгоритмом, кодом и результатом выполнения, а не запоминать расположение ответов.

HTML · CSS · Ссылки · Изображения · Селекторы · Структура

Отделяйте структуру страницы от оформления: HTML задаёт смысл и элементы, CSS управляет их внешним видом

Веб-проектирование в школьном курсе включает базовую структуру HTML-документа, гиперссылки, изображения, списки, таблицы и CSS. В заданиях важно уметь читать небольшие фрагменты разметки и определять, какое правило применяется к конкретному элементу.

01Сначала HTMLОпределите, какие элементы реально есть в документе.

02Затем CSSНайдите селекторы, которые подходят к элементу.

03Проверьте атрибутыhref задаёт адрес ссылки, src — источник изображения, alt — альтернативный текст.

04Следите за вложенностьюОткрывающие и закрывающие теги должны образовывать корректную структуру.

Ключевые понятия

<html>Корневой элемент HTML-документа.

<head>Метаданные, заголовок страницы и подключения ресурсов.

<body>Содержимое, отображаемое пользователю.

<a>Создаёт гиперссылку.

<img>Вставляет изображение.

<ul>/<ol>Маркированный и нумерованный списки.

<a href="page.html">Открыть</a>
<img src="photo.jpg" alt="Фото">

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

Что важно для заданий ЕНТ

CSS-селектор элементаНапример p применяет стиль ко всем соответствующим элементам.

КлассСелектор .note применяется к элементам с class="note".

IDСелектор #main относится к элементу с заданным id.

КаскадЕсли подходят несколько правил, результат зависит от специфичности и порядка правил.

Внешний CSSПодключается через <link> в head.

АдаптивностьОтносительные размеры и media queries помогают странице подстраиваться под разные экраны.

.card { padding: 16px; }
#main { max-width: 900px; }
p { line-height: 1.5; }

Если несколько CSS-правил задают одно свойство, сначала сравните, какие селекторы подходят, затем учитывайте специфичность и порядок.

Алгоритм

Как решать задания по теме «Веб-проектирование»

Определите элемент

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

Проверьте атрибуты

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

Найдите подходящие CSS-правила

Элемент, класс, ID и вложенные селекторы.

Разрешите конфликт

Более специфичное правило обычно сильнее менее специфичного.

Проверьте структуру

Теги должны быть корректно вложены.

Сформулируйте видимый результат

Что увидит пользователь и как элемент будет оформлен?

Частые ошибки

Что особенно важно не перепутать

Путают href и src

href задаёт цель ссылки, src — источник встроенного ресурса.

Пишут имя класса без точки в CSS

Класс выбирается через ., ID — через #.

Помещают видимый контент в head

Основное содержимое страницы должно находиться в body.

Не экранируют HTML внутри code

Тег может начать реально работать вместо отображения как текст.

Игнорируют каскад

Одно свойство может быть задано несколькими правилами.

Путают HTML и CSS

HTML описывает структуру и смысл, CSS — оформление.