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

Заголовки

При написании статей или постов на сайте, необходимо использовать заголовки. С помощью заголовков пользователь легко может понять структуру статьи. Всего существует шесть уровней заголовков: H1, H2, H3, H4, H5 и H6. H1 является самым большим, а H6 – самый маленький.

Рассмотрим примеры написания заголовков в HTML:

<h1>Заголовок первого уровня<h1>
<h2>Заголовок второго уровня<h2>
<h3>Заголовок третьего уровня<h3>

Размер шрифта заголовков можно задать с помощью таблиц стилей. При использовании заголовков необходимо соблюдать иерархию. Сначала следует использовать заголовок верхнего уровня — h1, затем заголовок поменьше — h2, после этого уже заголовок третьего уровня — h3.

Абзацы

Абзацы — незаменимый элемент любой страницы. Абзац в HTML начинается с тега <p> и должен иметь закрывающий тег</p>. Сам текст абзаца пишется между этими тегами:

<p>Привет, Мир! Теперь я знаю, как работать с абзацами в HTML!</p>

Для выравнивания текста используется атрибут «align» со значениями: «left», «center», «right», «justify» — выравнивание по левому краю, по центру, по правому краю, по ширине экрана.

<p align="center">Теперь я знаю, как работать с абзацами в HTML!</p>

За внешний вид текста HTML отвечает тег «font». Этот тег имеет атрибуты:

• color — отвечает за цвет текста;
• face —  отвечает за то, какой тип шрифта будет использоваться;
• font size — отвечает за размер шрифта.

<p><font color="green">Пример форматирования текста в HTML</font></p>

Для выделения текста также используются теги:

• strong — выделение слова, абзаца или предложений жирным шрифтом;
• em — выделение слов или предложений курсивом.

<p><strong><font color="green">Пример форматирования текста в HTML</font></strong></p>

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