Font size
WorksheetsБазовые основы HTML, CSS, JS, Web APIs
Total questions: 17
Worksheet time: 13mins
Какие HTML-элементы используются для создания формы?
<div> и <span>
<table> и <tr>
<header> и <footer>
<form>, <input>, <button> и <label>
Какой элемент HTML используется для отображения форматированного текста с сохранением пробелов и переносов строк?
<div>
<p>
<pre>
<span>
Что даёт уверенность в том, что html-элементы, к которым идёт обращение в скрипте <script>, существуют на странице?
указан атрибут <script type="module">
<script> идёт сразу перед закрывающимся тегом </body>
<script> находится внутри <head>
код скрипта обёрнут в функцию, которая вызывается сразу после своей инициализации
Как сделать так, чтобы бразуер знал с какими стилями отрисовать контент при первом рендере.
добавить <link> со стилями перед закрывающимся тегом </body>
указать атрибут <link type="module">
разместить <link> со стилями внутри <head>
разместить <link> со стилями внутри <header>
Какие CSS-свойства используются для создания отступов между элементами?
margin
padding
border
width
Какой псевдо-класс использоать, чтобы применить стили к элементу при наведении курсора?
:visited
:active
:focus
:hover
Укажите CSS селектор, который выберет только те элементы <span>, которые находятся непосредственно внутри элемента <div> с классом .info-block
div.info-block span
.info-block > span
div .info-block span
div.info-block > span
Есть текст `<span id="main-paragraph" class="text highlight">Привет!</span>`. Укажите, какое правило победит и определит его цвет.
span.highlight { color: blue; }
.text { color: red; }
`span { color: green; }
span.highlight.text { color: orange; }
Какой из `@media` правил меняет `font-size` основного текста (`<body>`) на `14px`, когда ширина экрана меньше `768px`
`@media (max-width: 767px) { body { font-size: 14px; } }
@media (min-width: 769px) { body { font-size: 14px; } }`
@media (max-width: 768px) { body { font-size: 14px; } }
@media (min-width: 768px) { body { font-size: 14px; } }
Вы хотите расположить три элемента `<div>` (item1, item2, item3) в ряд внутри родительского элемента `<section>`. Какие из свойств применённых к `<section>` расположат его дочерние div-ы горизонтально?
display: flex;
display: flex;
flex-direction: row;
display: grid;
display: grid;
grid-template-columns: auto auto auto;
Какие из следующих определений стрелочной функции являются синтаксически правильными в JavaScript?
const sum = (a, b) => a + b;
const greet = name => { return 'Привет, ' + name; };
const log = () => console.log('Готово!');
const calculate = (x, y) => return x * y;
Дан массив `numbers`. Какой код правильно создаст новый массив, содержащий только числа больше чем 0 из исходного массива?
numbers.map(num => num > 0)
numbers.find(num => num > 0);
numbers.reduce((acc, num) => num >= 0 ? [...acc, num] : acc, []);
numbers.filter(num => num > 0);
Дан объект `const person = { name: 'Алиса', age: 28, city: 'Москва' };`. Какие из следующих выражений или методов вернут массив, содержащий строки `'name'`, `'age'`, `'city'`?
Object.values(person)
Object.keys(person)
for (let key in person) { console.log(key); }
`Object.entries(person)
Какой синтаксис деструктурирующего присваивания в JavaScript является корректным?
const { width, height } = { width: 100, height: 200 };
const [first, second] = [10, 20, 30];
const processUser = ({ id, username }) { /* ... */ }
const { city: userCity } = { city: 'Лондон', country: 'Великобритания' };
Какие утверждения верны относительно `Set` в JavaScript?
`Set` хранит данные в виде пар ключ-значение, где ключом может быть любой тип данных (включая объекты)
для получения количества элементов в `Set` используется свойство `.length`
`Set` гарантирует уникальность хранимых значений
для получения значения по ключу в `Set` используется доступ через квадратные скобки, как в объектах (`myMap['key']`)
У вас есть HTML форма `<form id="myForm" action="/submit">` и JavaScript код для обработки её отправки `form.addEventListener('submit', (event) => { ... });`. Какие из следующих утверждений верны?
Если внутри обработчика события не вызвать `event.preventDefault()`, браузер попытается отправить форму обычным способом
Метод `event.stopPropagation()` остановит отправку формы браузером по умолчанию
Объект `event`, передаваемый в callback, содержит свойство `target`, ссылающееся на элемент формы
Код `document.querySelector("#myForm")` вернёт элемент формы
Какие из следующих JavaScript выражений корректно используются для поиска элементов в DOM с помощью `querySelector` или `querySelectorAll`?
document.querySelector('input[type="checkbox"]:checked')
document.querySelectorAll('.item:first-child')
`element.querySelector('span.label')`, где `element` - существующий DOM-элемент
document.querySelectorAll('#myId', '.myClass')
