#5 – Теги для работы с текстом
Видеоурок
Текст без дополнительных стилей: выделений и т.п., выглядит скучно и не столь интересно. Сделать текст ярче и лучше для восприятия можно за счет добавления к нему специальных HTML тегов.
Заголовки
В HTML вы можете создавать заголовки за счет тегов h1-h6. Они позволяют создать заголовки разных размеров.
<h4>Заголовок</h4>Тег абзаца
Основным тегом для разделения текста является тег абзаца - <p>. В него можно поместить любое количество текста и все будет выделено в формате абзаца с отступами. Пример:
<p>Простой абзац</p>Форматирование текста
Дополнительно в HTML можно делать текст более разнообразным при помощи специальных тегов. Вы можете выделить текст жирным при помощи тега <b> или же сделать его курсивом при помощи тега <em>.
Исходный код
Весь код будет доступен после подписки на проект!Онлайн редактор кода
Задание к уроку
Создайте HTML разметку для отображения текста как на фото:
<h3>Биография</h3>
<p>Имя - <em>Джон Сноу</em>, дата рождения - <b>23 декабря 1985</b></p>Создайте HTML разметку для отображения текста как на фото:
Решение задания:
<pre>Все
пробелы
сохранились здесь</pre>Получить остальные домашние задания можно после подписки на проект
Большое задание по курсу
Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца
Также стоит посмотреть
