Знакомство / Первое испытание [14/14]

Зарегистрируйтесь, чтобы проходить испытания

Регистрация займёт всего минуту и позволит сохранять прогресс обучения.

Вы можете зарегистрироваться с помощью своей эл. почты и пароля, либо с помощью

ВК ВКонтакте или FB Facebook

×

Первое испытание [14/14]

Испытания — это самые сложные задания курсов. Проходя испытание, вы доказываете, что хорошо усвоили материал.

Главная цель испытания — с помощью HTML и CSS получить в мини-браузере изображение, максимально похожее на образец. Чтобы система сравнила ваш результат с образцом, нужно нажать кнопку Проверить.

Первое испытание достаточно простое. Вам необходимо разметить исходный HTML-код с помощью тегов и классов.

Подсказка: CSS менять не надо. Достаточно использовать правильные теги и классы.

Посмотрите видеоразбор испытания, если не получается его пройти или интересно авторское решение. Но сначала попробуйте сами.


Обратите внимание, что в учебном интерфейсе появилась панель со вкладками: «Образец», «Результат», «Наложение» и «Различия».

Важно! Во вкладке «Результат» отображается то, как ваш код видит наш сервер. Именно эту картинку он сравнивает с образцом.

Используйте эту вкладку чаще, ведь иногда изображения в вашем мини-браузере и на сервере могут отличаться. Особенно часто отличаются шрифты.

У вас есть 7 проверок испытания в день. Проверки снимаются и при перезагрузке страницы. Кстати, после подтверждения эл. адреса у вас становится не 7, а 10 проверок в день.

Если не получится пройти испытание сегодня, то можете переходить к следующим курсам, а к испытанию вернуться завтра.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Первое испытание</title> </head> <body> Введение В этом пособии изучается работа с HTML и CSS. Глава 1 Работа с HTML, знакомство с тегами и атрибутами тегов. Глава 2 Работа с CSS, знакомство с селекторами и свойствами. Самое лучшее онлайн-пособие </body> </html>
CSS
/* Классы для оформления */ .cite { padding: 5px 10px; background: #f5f5f5; border-left: 2px solid #ccc; font-style: italic; } /* Служебные стили */ body { width: 260px; margin: 0; padding: 0 20px; font-family: "Arial", sans-serif; font-size: 12px; line-height: 1.4; color: black; } h1 { font-weight: bold; font-size: 2.5em; margin-top: 0.5em; margin-bottom: 0.5em; } h2 { font-size: 1.5em; color: #333; font-weight: normal; margin-top: 0.5em; margin-bottom: 0.5em; } p { margin: 1em 0; color: #666; }
<HTML Academy>
?

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.