HTML Academy
Предыдущее задание
Оформление текста. Знакомство16/16
Вернуться в список заданий
  1. 1. Главный текстовый тег — span
  2. 2. Свойство font-size: задаём размер шрифта
  3. 3. Свойство font-weight: толщина начертания
  4. 4. Свойство font-style: курсив
  5. 5. Свойство font-family: шрифт
  6. 6. Свойство color: цвет текста
  7. 7. Свойство text-decoration: подчёркивание и другие эффекты
  8. 8. Декоративное подчёркивание
  9. 9. Задаём регистр символов с помощью text-transform
  10. 10. Управляем пробелами: white-space
  11. 11. Горизонтальное выравнивание текста: text-align
  12. 12. Вертикальное выравнивание: vertical-align
  13. 13. Верхние и нижние индексы на CSS
  14. 14. Свойство line-height: управляем высотой строки
  15. 15. Вертикальный ритм текста
  16. 16. Испытание: рецепт на CSS
Список заданий
Оформить подписку
  • Регистрация
  • Войти

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

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

  • ФБ
или

Нажимая кнопку «Зарегистрироваться», вы даёте своё согласие на обработку персональных данных в соответствии с «Политикой конфиденциальности» и соглашаетесь с «Условиями оказания услуг».

Войти и продолжить
  • index.html
  • style.css
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пшенная каша с тыквой</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1>Пшенная каша с тыквой</h1> <ol> <li>Пшено, 1 стакан</li> <li>Вода H<span class="sub">2</span>O или AquaLife<span class="sup">®</span>, 2 стакана</li> <li>Молоко, <span class="del">1,5 стакана</span> 2 стакана</li> <li>Масло сливочное, 3 ст.л.</li> <li>Тыква, около 300г</li> <li>Соль, по вкусу</li> <li><span class="underline">Сахар демерара, посыпать сверху</span></li> </ol> <hr> <p> <span class="italic">Примечания:</span><br> Пшено необходимо перебрать<br> Тыкву нарезать кубиками 1×1 см<br> Кашу перемешивать не надо </p> </body> </html>
CSS
body { width: 260px; margin: 0; padding: 0 10px; font-size: 16px; font-family: "Times New Roman", serif; } h1 { font-size: 18px; }

Что в задании вам не понравилось?

Спасибо! Мы скоро всё исправим)

Код изменился, нажмите «Обновить» или включите автозапуск.

Вы перешли на другую страницу

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

100%
  • Образец
  • Результат
  • Наложение
  • Различия
  • ?

Нажмите кнопку «Сравнить», чтобы отправить ваше решение на проверку.

Не удалось загрузить образец. Попробуйте позже.

Образец — интерфейс, который вам нужно получить.

Результат — то, как видит ваш код наш сервер. Может отличаться от того, что в мини-браузере. Сравнение происходит между этим результатом и образцом.

Наложение — полупрозрачный результат отображается над образцом.

Различия — карта различий между образцом и результатом.

0
    Выполнено 0%.
    Код был изменён
    Логотип HTML Academy
    • Наша группа в ВК
    • Наша страница в Twitter
    • Наш канал в Telegram
    Инновационный центр Сколково

    Практикум

    • Тренажёры
    • Для команд и компаний
    • Учебник по PHP

    Профессии

    • Фронтенд-разработчик
    • JavaScript-разработчик
    • Фулстек-разработчик
    Курсы
    • HTML и CSS.
      Профессиональная вёрстка сайтов
    • HTML и CSS.
      Адаптивная вёрстка и автоматизация
    • JavaScript.
      Профессиональная разработка веб-интерфейсов
    • JavaScript.
      Архитектура клиентских приложений
    • React.
      Разработка сложных клиентских приложений
    • Node.js.
      Профессиональная разработка REST API
    • Node.js и Nest.js.
      Микросервисная архитектура
    • TypeScript. Теория типов
    • Алгоритмы и структуры данных
    • Паттерны проектирования
    • Webpack
    • Vue.js 3. Разработка клиентских приложений
    • Git и GitHub
    • Анимация для фронтендеров
    Блог
    • С чего начать
    • Шпаргалки для разработчиков
    • Отчеты о курсах

    Информация

    • Об Академии
    • О центре карьеры

    Услуги

    • Работа наставником
    • Для учителей
    • Стать автором

    Остальное

    • Написать нам
    • Мероприятия
    • Форум

    СоглашениеКонфиденциальностьСведения об образовательной организацииЛицензия № 4696© ООО «Интерактивные обучающие технологии», 2013−2023