Представляю вашему вниманию первую часть самых часто употребляемые тегов-HTML:

1. Заголовки

<h1>…<h6> – теги-заголовки с первого по шестой уровень.

Тег <h1> наиболее важный заголовок (его ещё называют – заголовок первого уровня). Текст такого заголовка будет самым большим. Соответственно, тег <h6> –  наименее важный заголовок. Текст такого заголовка будет самым маленьким. Теги <h1>-<h6> обязательно должны закрываться.

Пример:

<h1>Заголовок 1-го ур.</h1>

Заголовки – это блочные элементы, но в себе не могут содержать иные блочные элементы. Они могут содержать внутри себя лишь текст и/или строчные элементы. Добавляет пустой отступ перед и после себя. Заголовки первого и второго уровня очень важны для поисковых систем.

2. Параграф/текстовый абзац

<p>Текст</p>

Тег <p> – это блочный элемент. Он начинается с новой строки. Не может иметь внутри себя другие блочные элементы. Добавляет пустой отступ перед и после себя. Закрывающийся тег необязателен. Если не указывать закрывающийся тег, то считается, что конец абзаца совпадает с началом следующего блочного элемента.

3. Теги структурного и физического форматирования текста (<b>, <strong>, <em>, <i>, <u>, <sup>, <sub>, <ins>, <del>, <pre>).

Примеры:

<b>Текст выделится жирным</b>

<strong>Текст выделится жирным (логическое выделение)<strong> – тег аналог <b>

<em>Наклонный текст</em> – аналог<i></i>

<u>Подчеркнутый текст</u>

<sup>Верхний индекс</sup>

<sub>Нижний индекс</sub>

<ins>Вставленный фрагмент текста</ins>

<del>Удалённый фрагмент текста</del>

<pre>Отформатированный текст</pre>( Текст выведется как напечатанный).

Все эти теги должны закрываться. Их можно комбинировать и использовать в различном сочетании. С развитием HTML-технологий и каскадных таблиц стилей приоритетным стал подход структурного форматирования.

4. Перевод строки

При написании любого текста в HTML, он будет идти в одну строку до следующих заголовков или специальных тегов.

<br> – перевод строки ниже. Данный тег не добавляет отступ перед строкой. Тег, который его закрывает – не нужен.

5. Горизонтальная линия

<hr> – блочный элемент, который вставляет горизонтальную линию. Всегда начинается с новой строки. С использованием разных атрибутов можно изменять её визуальные параметры (толщину, высоту, цвет и т.д.).

Ещё о самых часто употребляемых тегах в HТML вы узнаете в следующей части этой статьи.