HTML. Урок 4

Академия ТОР (ОРМК)

Профиль

26 января 2026 г.

Описание отсутствует

Вопросов: 7

В чем заключается основное различие между классом (class) и идентификатором (id) в HTML/CSS?

Класс пишется строчными буквами, а идентификатор — заглавными.
ID — один на страницу. Классы — для повторного использования.
Класс имеет более высокий приоритет в CSS, чем идентификатор.
Идентификатор используется только для стилей, а класс — для JavaScript.

Какой символ ставится перед именем селектора в CSS-коде для обозначения класса, а какой — для идентификатора?

Для класса — #, для идентификатора — .
Для класса — ( ), для идентификатора — [ ]
Для класса — ., для идентификатора — #
Для класса — >, для идентификатора — &

Какой универсальный блочный тег в HTML чаще всего используется для создания структуры страницы (шапки, меню, основного содержимого и т.д.)?

<span>
<section>
<box>
<div>

Если одному и тому же HTML-элементу одновременно применены стили через класс и идентификатор, и они конфликтуют (например, задают разный цвет фона), чьи стили будут применены?

Стили класса, так как он объявлен первым в HTML-коде.
Стили идентификатора, так как он имеет более высокий приоритет (специфичность) в CSS.
Стили, которые написаны в CSS-файле раньше по порядку.
Стили не применятся, возникнет ошибка.

Какое CSS-свойство, использованное в уроке, нужно применить к блоку (например, с id="clear"), чтобы следующий за ним элемент (например, подвал сайта) располагался под плавающими (float) блоками, а не обтекал их?

overflow: hidden;
position: absolute;
clear: both;
display: block;

Какие два CSS-свойства используются для создания двухколоночного макета, где один блок (content) находится слева, а другой (sidebar) — справа?

position: left; и position: right;
align: left; и align: right;
float: left; и float: right;
flex-direction: row; и justify-content: space-between;

В современных стандартах HTML5 для создания семантической структуры страницы вместо тегов <div> с классами header, footer рекомендуется использовать специальные теги. Какой из перечисленных пар является правильной семантической заменой?

<div id="header"> → <head>, <div id="footer"> → <end>
<div id="header"> → <top>, <div id="footer"> → <bottom>
<div id="header"> → <header>, <div id="footer"> → <footer>
<div id="content"> → <main>, <div id="sidebar"> → <menu>