Реши задание на изображении

Краткий ответ:

• Возможен ли сайт с HTML без CSS? — Да
• А сайт с CSS без HTML? — Нет

Почему так:

1. HTML — это «скелет». Он задаёт структуру и содержимое: заголовки, абзацы, картинки, ссылки. Браузер умеет показывать такой документ и без всякого оформления — просто текст и элементы идут друг за другом. Сайт получится некрасивый, но рабочий. Значит, HTML без CSS — да.
2. CSS — это «оформление», и оно всегда к чему-то привязано. Правила CSS описывают, как выглядеть элементам страницы: «все h1 — синие», «у блока div — отступ 20 px». Если нет HTML-документа с этими элементами, стилизовать нечего: браузеру не к чему применить правила. Поэтому CSS без HTML — нет.

Проверка себя: спроси «что именно я оформляю?» — ответ всегда будет элементом HTML. А на вопрос «что я показываю?» HTML отвечает сам по себе.

Заполнение схемы (все 5 фишек используются по одному разу):

Получается правило:

p {
  color: #666;
  line-height: 1.6;
}

Почему именно так:

1. Селектор p — стили применяются ко всем абзацам (<p>) на странице. Фишка выглядит как русская «р», но это латинская p.
2. color: #666 — задаёт цвет текста: #666 это серый (примерно 40 % яркости), поэтому текст в примере бледно-серый, а не чёрный.
3. line-height: 1.6 — задаёт междустрочный интервал: каждая строка занимает в 1,6 раза больше места, чем высота шрифта. Поэтому абзацы выглядят «воздушно», с большими промежутками между строками.

Проверка: каждое свойство получило своё значение (color → цвет, line-height → число-множитель), ни одна фишка не осталась лишней, а заголовок остался тёмным — значит, правило действительно действует только на абзацы.

Это продолжение той же темы (HTML и CSS) — разбираем следующий вопрос, поэтому отвечаю в том же контексте.

Правильный ответ — второй вариант:

HTML определяет структуру и содержимое веб-страницы, а CSS — внешний вид элементов.

Почему остальные неверны:

1. «CSS управляет поведением элементов» — нет. Поведение (реакция на клик, анимации по событию, вычисления) задаёт JavaScript. CSS отвечает только за оформление: цвета, шрифты, отступы, расположение.
2. «CSS расширяет функциональность HTML, добавляет новые теги и атрибуты» — нет. Набор тегов и атрибутов определяется самим HTML. CSS не может добавить в язык разметки новый тег — он лишь описывает, как уже существующие элементы выглядят.

Короткое правило для запоминания:

• HTML — что на странице (структура и содержание);
• CSS — как это выглядит (внешний вид);
• JavaScript — что происходит (поведение).

На скриншоте выбран третий вариант — он неверный, нужно переключиться на второй.

Это продолжение той же темы (HTML/CSS) — отвечаю в контексте.

Правильный ответ — третий вариант:

Определяет, как отображать элементы.

Почему остальные не подходят:

1. «Создаёт на сайте новые веб-страницы» — нет. Новую страницу делает разработчик: создаёт отдельный HTML-файл. CSS лишь оформляет уже существующие документы и сам по себе ничего не «создаёт».
2. «Добавляет изображения на страницу» — нет (на скриншоте выбран именно он, и это ошибка). Картинку вставляет тег HTML: <img src="photo.jpg" alt="...">. CSS может только изменить её размер или рамку, но не добавить на страницу.

Проверка себя: CSS никогда не добавляет содержимое — ни текст, ни картинки, ни новые теги. Он всегда отвечает на вопрос «как выглядит уже существующий элемент»: цвет, шрифт, отступы, расположение.

Кстати, верхняя карточка тоже содержит неверное утверждение: CSS не расширяет HTML и не добавляет в разметку новые теги и атрибуты — это не его задача.

Это продолжение той же темы (HTML/CSS/JavaScript) — разбираю задание в том же контексте.

Ответ по порядку сверху вниз:

Почему так:

1. Первый пример — «голый» HTML. Виден только текст: стандартный шрифт, чёрный цвет, всё прижато влево, никаких рамок и кнопок. Это разметка без оформления — ровно то, как браузер показывает документ, если к нему не подключён CSS.
2. Второй пример — работа CSS. Заголовок выровнен по центру, текст оформлен, появилась зелёная кнопка с белой надписью, отступы и «воздух» вокруг блоков. Всё это — свойства оформления (text-align, color, background, padding), то есть CSS.
3. Третий пример — JavaScript. Страница не просто выглядит иначе, а ведёт себя: элементы реагируют на действия пользователя (нажатие, ввод), содержимое может меняться без перезагрузки. Именно поведение — задача JavaScript, ни HTML, ни CSS этого не умеют.

Важное уточнение: на реальном сайте всегда есть HTML (каркас), почти всегда CSS (оформление) и часто JavaScript (поведение). В задании технологии подбирают по тому, что именно отличает пример: нет оформления → HTML, есть оформление → CSS, есть реакция на действия → JavaScript.

Проверка себя: спроси по каждому скриншоту «чего здесь не хватало бы, чтобы страница выглядела/работала именно так?» — и ответ совпадёт с таблицей.

Это продолжение той же темы (HTML/CSS/JavaScript) — разбираю задание в том же контексте.

Что видно на скриншоте:

Почему первые два — именно так:

1. JavaScript → «добавляет интерактивность». Интерактивность — это реакция на действия пользователя: клики, ввод, появление и исчезновение блоков без перезагрузки страницы. Это поведение, и им управляет только JavaScript.
2. HTML → «создание каркаса страницы». Каркас — это структура: заголовки, абзацы, картинки, ссылки. Именно HTML задаёт, какие элементы вообще есть на странице.
3. CSS остаётся третье описание — по смыслу оно должно быть про внешний вид и оформление (цвета, шрифты, отступы, расположение элементов).

Один вопрос, чтобы дать точный ответ: какое слово в третьем описании — про внешний вид? Обычно там формулировка вроде «отвечает за оформление / внешний вид веб-страниц» — если пришлёшь его текст, подтвержу, что его нужно соединить именно с CSS.

Это продолжение той же темы (веб-разработка и языки программирования) — разбираю в том же контексте.

Короткий ответ: у этого вопроса нет правильного варианта. Это не проверка знаний, а опрос «что тебе уже знакомо» — можно выбрать один язык, несколько или отметить, что ни один. Ответ ни на что не влияет, кроме того, какие темы курс предложит дальше.

Что за языки в списке:

1. Python — универсальный язык, очень популярен для обучения и для задач с данными. Если ты уже писал(а) на нём в школе или на курсах — смело выбирай его.
2. Ruby — тоже универсальный язык, известен благодаря фреймворку Ruby on Rails для сайтов. В школьной программе встречается редко.
3. PHP — «серверный язык для создания динамических сайтов» (это и написано в тексте выше на скриншоте). На нём работает, например, WordPress; он обрабатывает формы, работает с базами данных, отправляет и получает файлы.

Как ответить, чтобы было честно:

• писал(а) код хотя бы на одном из них → выбери этот язык;
• видел(а) только теорию, но сам(а) не программировал(а) → ориентируйся на ощущение «понимаю, о чём это»;
• совсем не знаком(а) → не выбирай ничего, это нормальный ответ, и курс всё равно начнётся с основ.

Если хочешь, скажи, что именно вы уже проходили (например, блоки про HTML и CSS), и я подскажу, какой из трёх вариантов будет логичнее отметить.

Рекомендую нажать Python — и снять выделение с Ruby.

Почему:

• Python — самый частый «первый язык» в школьной информатике и на курсах. Даже если ты писал(а) на нём всего пару программ, это честное «знаком хотя бы немного».
• Ruby сейчас выбран, но в российских школах его почти не проходят — выбирать его стоит, только если ты действительно работал(а) с ним.
• PHP — серверный язык для сайтов, его обычно осваивают уже после HTML/CSS, когда делают динамические сайты. Если такого опыта не было, лучше не отмечать.

Важно: это вопрос-опросник, а не тест с правильным ответом — на оценку он не влияет, он лишь настраивает курс под твой уровень. Если совсем не программировал(а) ни на одном из трёх, можно ничего не выбирать — курс всё равно начнётся с основ.

Это продолжение той же темы (веб‑разработка) — разбираю задание.

Фронтенд (то, что видит пользователь в браузере):

• HTML — каркас и текстовое наполнение страницы;
• CSS — оформление: цвета, шрифты, отступы, удобство пользователя;
• JavaScript — интерактивность в браузере: реакция на клики, анимации, изменение страницы без перезагрузки.

Бэкенд (то, что работает на сервере и скрыто от пользователя):

• PHP — серверный язык для динамических сайтов: обработка форм, управление сайтом;
• Ruby — универсальный серверный язык (часто с фреймворком Rails);
• Python — универсальный язык, на сервере применяется для логики, работы с базами данных, API.

Как запомнить: фронтенд — это всё, что «рисует» браузер у тебя на экране (три кита: HTML + CSS + JavaScript). Бэкенд — языки, которые выполняются на сервере и готовят данные, прежде чем отправить их в браузер (PHP, Ruby, Python).

Если на платформе фишки перетаскиваются — слева оставь HTML, CSS, JavaScript, справа PHP, Ruby, Python.