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

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

В HTML есть множество тегов и каждый из них отвечает за свои определенные действия. Для работы с текстом существует также масса тегов, которые мы изучим в ходе данного урока.

Видеоурок

Текст без дополнительных стилей: выделений и т.п., выглядит скучно и не столь интересно. Сделать текст ярче и лучше для восприятия можно за счет добавления к нему специальных 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 месяца

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

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