#5 - Теги для работы с текстом

#5 - Теги для работы с текстом

Наконец-то мы с вами готовы начать изучение тегов. В уроке речь пойдет о тегах, которые предназначены для работы с текстом: выделение жирным шрифтом, курсив, подчеркивание, создание абзацев и многие другие теги. К концу урока вы научитесь создавать разнообразный текст за счёт тегов.

Видеоурок

Текст без дополнительных стилей, выделений и т.д. становится намного менее читабельным, как визуально, так и с точки зрения разделения содержания. Сделать же такой текст ярче и проще для восприятия можно, добавив к нему различные теги, относящиеся к самому тексту. Пожалуй, основным тегом для разделения текста является тег абзаца - <p>. В него можно поместить любое кол-во текста и все будет выделено как небольшой абзац с отступами.

<p>Простой абзац</p>
Для выделения различных частей текста можно использовать заголовки.


Стили для текста

Дополнительно в HTML можно делать текст более разнообразным при помощи специальных тегов. К примеру, мы можем выделить текст жирным при помощи тега <b> или же сделать его курсивом при помощи тега <em>.


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

Онлайн редактор кода

Загрузка...

Задание к уроку

Заголовок и текст

Создайте HTML разметку для отображения текста как на фото:


Посмотреть ответ
Решение задания:
<h3>Биография</h3>
<p>Имя - <em>Джон Сноу</em>, дата рождения - <b>23 декабря 1985</b></p>

Получить остальные домашние задания можно после подписки на проект

Большое задание по курсу

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

Также стоит посмотреть

Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение препроцессора SASS / SCSS
7 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Изучение CSS/CSS3 от нуля до гуру!
15 уроков
Комментарии для сайта Cackle