Есть текст `<span id="main-paragraph" class="text highlight">Привет!</span>`. Укажите, какое правило победит и определит его цвет.

span.highlight.text { color: orange; }

span.highlight { color: blue; }

Какой из `@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; flex-direction: row;

display: grid; grid-template-columns: auto auto auto;

Какие из следующих определений стрелочной функции являются синтаксически правильными в JavaScript?

const greet = name => { return 'Привет, ' + name; };

const log = () => console.log('Готово!');

const calculate = (x, y) => return x * y;

Дан массив `numbers`. Какой код правильно создаст новый массив, содержащий только числа больше чем 0 из исходного массива?

numbers.filter(num => num > 0);

numbers.reduce((acc, num) => num >= 0 ? [...acc, num] : acc, []);

Дан объект `const person = { name: 'Алиса', age: 28, city: 'Москва' };`. Какие из следующих выражений или методов вернут массив, содержащий строки `'name'`, `'age'`, `'city'`?

for (let key in person) { console.log(key); }

Какой синтаксис деструктурирующего присваивания в 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` хранит данные в виде пар ключ-значение, где ключом может быть любой тип данных (включая объекты)

для получения количества элементов в `Set` используется свойство `.length`

для получения значения по ключу в `Set` используется доступ через квадратные скобки, как в объектах (`myMap['key']`)

У вас есть HTML форма `<form id="myForm" action="/submit">` и JavaScript код для обработки её отправки `form.addEventListener('submit', (event) => { ... });`. Какие из следующих утверждений верны?

Если внутри обработчика события не вызвать `event.preventDefault()`, браузер попытается отправить форму обычным способом

Объект `event`, передаваемый в callback, содержит свойство `target`, ссылающееся на элемент формы

Код `document.querySelector("#myForm")` вернёт элемент формы

Метод `event.stopPropagation()` остановит отправку формы браузером по умолчанию

Какие из следующих 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')

Базовые основы HTML, CSS, JS, Web APIs

Authored by Roman Kutimskii

Information Technology (IT)

University

Used 1+ times

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

Content View

Student View

17 questions

Show all answers

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Какие HTML-элементы используются для создания формы?

MULTIPLE SELECT QUESTION

45 sec • 1 pt

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

<div>

<p>

<pre>

<span>

MULTIPLE SELECT QUESTION

45 sec • 1 pt

Что даёт уверенность в том, что html-элементы, к которым идёт обращение в скрипте <script>, существуют на странице?

указан атрибут <script type="module">

код скрипта обёрнут в функцию, которая вызывается сразу после своей инициализации

MULTIPLE SELECT QUESTION

45 sec • 1 pt

Как сделать так, чтобы бразуер знал с какими стилями отрисовать контент при первом рендере.

добавить <link> со стилями перед закрывающимся тегом </body>

указать атрибут <link type="module">

разместить <link> со стилями внутри <head>

разместить <link> со стилями внутри <header>

MULTIPLE SELECT QUESTION

45 sec • 1 pt

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

margin

padding

border

width

MULTIPLE SELECT QUESTION

45 sec • 1 pt

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

:visited

:active

:focus

:hover

MULTIPLE SELECT QUESTION

45 sec • 1 pt

Укажите CSS селектор, который выберет только те элементы <span>, которые находятся непосредственно внутри элемента <div> с классом .info-block

div.info-block span

.info-block > span

div .info-block span

div.info-block > span

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Continue with Google

Continue with Email

Continue with Classlink

Continue with Clever

or continue with

Microsoft

Apple

Others

Already have an account?

Similar Resources on Wayground

15 questions

BA Quiz

Quiz

•

University

12 questions

OCN TQA - 101

Quiz

•

University

20 questions

H0 - 06 Define la librería Scikit-Learn y Pytorch

Quiz

•

University

20 questions

Python

Quiz

•

University

20 questions

2F-1 | Python Quiz | 14/10/2024

Quiz

•

University

15 questions

Ваш первый квиз

Quiz

•

University

18 questions

Python Library Routines Quiz

Quiz

•

10th Grade - University

12 questions

Review loops

Quiz

•

8th Grade - University

Popular Resources on Wayground

15 questions

Fractions on a Number Line

Quiz

•

3rd Grade

10 questions

Probability Practice

Quiz

•

4th Grade

15 questions

Probability on Number LIne

Quiz

•

4th Grade

20 questions

Equivalent Fractions

Quiz

•

3rd Grade

25 questions

Multiplication Facts

Quiz

•

5th Grade

$fractions$

22 questions

fractions

Quiz

•

3rd Grade

6 questions

Appropriate Chromebook Usage

Lesson

•

7th Grade

10 questions

Greek Bases tele and phon

Quiz

•

6th - 8th Grade

Discover more resources for Information Technology (IT)

12 questions

IREAD Week 4 - Review

Quiz

•

3rd Grade - University

20 questions

Endocrine System

Quiz

•

University

7 questions

Renewable and Nonrenewable Resources

Interactive video

•

4th Grade - University

30 questions

W25: PSYCH 250 - Exam 2 Practice

Quiz

•

University

5 questions

Inherited and Acquired Traits of Animals

Interactive video

•

4th Grade - University

20 questions

Implicit vs. Explicit

Quiz

•

6th Grade - University

7 questions

Comparing Fractions

Interactive video

•

1st Grade - University

38 questions

Unit 8 Review - Absolutism & Revolution

Quiz

•

10th Grade - University