Жирный и курсивный текст
Часть раздела Fundamentals путешествия по HTML на Coddy — урок 9 из 60.
В HTML вы можете легко стилизовать текст!
- Сделайте его жирным с помощью
<strong> - Сделайте его курсивным с помощью
<em>
Эти теги помогают выделить важные слова и сделать их заметными!
<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>В этом примере слово «bold» будет отображаться жирным шрифтом. Слово «italic» будет отображаться курсивом.
Задание
ЛегкоЕсть знаменитая цитата Джона Арчибальда Уилера — и мы не можем с ней не согласиться! Но мы можем стилизовать её.
- Оберните "difficulty" в
<strong>, чтобы сделать его жирным. - Оберните "opportunity" в
<em>, чтобы сделать его курсивным.
Шпаргалка
Стилизуйте текст с помощью тегов выделения:
- Сделайте текст жирным с помощью
<strong> - Сделайте текст курсивным с помощью
<em>
<p>This is normal text</p>
<p>This is <strong>bold</strong> text</p>
<p>This is <em>italic</em> text</p>Попробуйте сами
<!DOCTYPE html>
<html>
<body>
<!-- Пишите код здесь -->
<p>In the middle of every difficulty lies opportunity.</p>
</body>
</html>
Проверьте себяВ этом уроке есть небольшой тест. Начните урок, чтобы ответить на вопросы и сохранить прогресс.
Все уроки раздела Fundamentals
1Основы HTML
Что такое HTML?Базовая структура HTMLТеги и элементыВложенность и закрывающие тегиКомментарии в HTML7Страница личного профиля
Обзор проектаСекция Header
Фото профиляСекция «Обо мне»Ссылки на социальные сети2Текст и форматирование
ЗаголовкиАбзацыПереносы строкЖирный и курсивный текстСнова жирный и курсивныйПовторение — форматирование8Формы и поля ввода, часть 1
Основы формТекстовые поля вводаАтрибуты полей вводаПоле для пароляМетки для полей вводаПовторение — основы форм11Страница регистрации на мероприятие
Обзор проектаСекция HeaderСекция деталей мероприятияФорма регистрацииСекция Footer9Формы и элементы ввода. Часть 2
РадиокнопкиЧекбоксыВыпадающие спискиКнопкиКнопки в формахПовторение — Формы №1Повторение — Формы №2