HTML5

Изучение HTML5 от нуля до гуру!

21 урок 65 заданий Справочник Компилятор

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

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


HTML5

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

Видео урок:

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

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

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

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


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

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

Загрузка...

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

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

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

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


HTML5

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