HTML
CSS
HTML PRO
CSS PRO
ЗАДАНИЯ
100

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

<h1> - <h6>

100

Какой селектор выбирает все элементы на странице?

*

100

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

<textarea>

100

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

column

100

Станцуйте в стиле своего любимого животного в течение 30 секунд.

молодцы!

200

Какой тег создаёт ссылку на другой веб-сайт?

<a> 

200

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

#id

200

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

<select>

200

Какое свойство используется для управления поведением flex-элементов, когда они не помещаются в одной строке?

flex-wrap

200

Создайте "живую статую", изображая известную личность или персонажа из фильма, и держите позу 15 секунд, пока остальные пытаются угадать, кто вы.

)

300

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

<ul>

300

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

Селектор потомков (пробел)
Пример: div p

300

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

<option>

300

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

flex (сокращение для flex-grow, flex-shrink и flex-basis)

300

Попросите команду из трёх человек выполнить синхронный танец, но каждую минуту они должны менять стиль танца (например, из балета в хип-хоп).

супер!

400

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

<img>

400

Как выбрать первый элемент в группе одинаковых элементов?

:first-child

400

Какой тег используется для добавления внешних ресурсов, таких как стили CSS или иконки шрифтов?

<link>

400

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

align-self

400

В паре с другим участником выполните танец, где один из вас ведет, а другой следует. После 30 секунд поменяйтесь ролями.

:)

500

Какой тег был введен в HTML для определения навигационных ссылок на странице?

<nav>

500

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

+ (соседний селектор)

500

Какой тег используется для создания таблицы, и как обозначить заголовочную ячейку внутри неё?

<table> и <th> (заголовочная ячейка таблицы)

500

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

flex-direction: row-reverse или flex-direction: column-reverse

500

Создайте короткую импровизированную сценку (2 минуты), где вы — группа друзей, пытающихся решить проблему (например, потерянный кошелек). Используйте только жесты и мимику, не произнося ни слова.

так держать!