Разметка текста / Важность. Теги strong и b [8/17]
×

Важность. Теги strong и b [8/17]

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

В предыдущих заданиях вы познакомились с элементами, которые предназначены для разметки крупных блоков текста: заголовков, абзацев и списков. В этом и последующих заданиях мы познакомимся с элементами, предназначенными для разметки небольших фраз и отдельных слов.

Первые два тега предназначены, чтобы указать на важность слова или фразы.

Тег <strong> определяет важность отмеченного текста.

Тег <b> предназначен для выделения текста без придания ему особой важности.

Визуально оба тега одинаковы, они выделяют текст полужирным.

Лучше всего отличия этих тегов будут заметны людям, которые используют специальные настройки ОС, в частности, слепым и слабовидящим. Когда они включают функцию чтения текста, то «говорилка» будет интонацией выделять слова с тегом <strong>. То же самое касается и тегов <em> и <i>. Тег <em> «говорилка» будет выделять интонацией.

Отметим, что новый смысл тегу <b> придали в HTML5. Раньше это был тег, который просто делает текст полужирным. То есть он был предназначен только для визуального форматирования.
Без JavaScript профессионалу никуда. Записывайтесь на базовый интенсив по JavaScript.

Выполнить задание
HTML
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Теги strong и b</title> </head> <body> <h1>Что не так с онлайн-курсами и как это исправить: опыт HTML Academy</h1> <p>Мы в HTML Academy постоянно работаем над повышением эффективности наших образовательных программ и курсов (ради этого мы ставим опыты на студентах и внедряем геймификацию).</p> <p>Подобные изыскания привели нас к пониманию того, что для подготовки профессионала, который мог бы работать в области веб-технологий (хотя бы на позиции начального уровня) недостаточно одних курсов, состоящих из видеолекций и последующих заданий. Освоить весь объём контента, необходимого для выхода на определённый уровень знаний, в подобном режиме просто невозможно.</p> <p>Именно поэтому мы решили создать курс, прохождение которого позволяло бы людям не просто получить базовые знания вёрстки, но стать настоящим ИТ-специалистом. В сегодняшнем материале мы расскажем о том, что в итоге из всего этого получилось.</p> <p>Прочитать <a href="http://habrahabr.ru/company/htmlacademy/blog/252843/" target="_blank" rel="nofollow">статью целиком</a> вы можете на Хабре.</p> </body> </html>
CSS
HTML Academy
  1. Выделите вводный абзац: заключите внутрь тега b весь текст внутри первого абзаца.
  2. Выделите важные детали: заключите внутрь тега strong слово «профессионала» во втором абзаце
  3. и фразу «настоящим ИТ-специалистом» в третьем абзаце.
Теория Проверить Следующее задание

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

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

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

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