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

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

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

Видеоурок

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

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

Но что еще, кроме заголовков?

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


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

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

Загрузка...

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

Создание заголовков
Создайте текст биографию. Первое слово "Биография" будет выделена как заголовок 3 уровня, дальше все будет идти как абзац. Сделайте чтобы имя было курсивом, а ваш день рождения был выделен жирным шрифтом.
Посмотреть ответ
Текст у вас может отличаться, а вот теги должны были совпасть с приведенными ниже:
<h3>Биография</h3>
<p>Имя - <em>Джон Сноу</em>, дата рождения - <b>23 декабря 1985</b></p>

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

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

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

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

Изучение CSS/CSS3 от нуля до гуру!
15 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
6 уроков
Современная вёрстка адаптивного веб-сайта
Создание адаптивного сайта
4 урока