#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 (верстка сайта)
16 уроков
Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Верстка сайта на HTML5 и CSS3
8 уроков
Современная вёрстка адаптивного веб-сайта
Создание сайта с нуля | Полноценная верстка сайта
11 уроков
Создание адаптивного сайта
4 урока
Комментарии (2)
Добавить комментарий

Andrii 02 марта 2024 в 22:08

Тільки почав курс! На данний момент все зрозуміло! Дякую за дуже грамотно підібрану інформацію, по якій навіть новачок може розібратися!
Ответить

Александр 02 ноября 2023 в 19:46

Учусь в вузе на первом курсе. Пока не понимает где и зачем мне понадобится программирование, которое проходим, а именно лазарус. Ну, чтобы начать хоть как то зарабатывать, решил изучить все для веб дизайнерства, пока что очень классный курс и все понятно, спасибо большое
Ответить