Оформление текста, часть 1 / Главный текстовый тег — span [1/16]
×

Главный текстовый тег — span [1/16]

При оформлении текста с помощью css чаще всего используют тег <span>. Он обозначает «просто текстовый блок». То есть особенного собственного смысла он не имеет. Также этот тег никак не изменяет отображение текста.

Однако, дополнительный смысл данному тегу добавляют с помощью классов. Например:

<span class="error"></span>
<span class="ok"></span>

А уже для класса с помощью css задают стили и тем самым изменяют оформление.


Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Главный текстовый тег — span</title> </head> <body> <h1>Прогрессивное улучшение</h1> <p>Нельзя просто так взять и рассказать про Progressive Enhancement, не упомянув о Graceful Degradation. В чем же разница между этими понятиями? Как уже говорилось в более ранней статье, Graceful Degradation можно перевести, как отказоустойчивость.</p> <p>Это очень широкое понятие, но в контексте веба его можно понимать как отказоустойчивость клиентских веб-интерфейсов, серверной части сайтов и так далее. В этой статье Graceful Degradation будет пониматься как отказоустойчивость клиентских веб-интерфейсов.</p> </body> </html>
CSS
.important { font-weight: bold; font-style: italic; } .note { font-size: 0.8em; color: #999; } .error { text-decoration: line-through; color: red; }
HTML Academy

Используйте в тексте теги <span> со следующими классами:

  1. important,
  2. note,
  3. error.
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

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

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

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

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