HTML основные теги

div

Блочный элемент, с помощью которого можно создавать, группировать и менять позиционирование контента на странице посредством css стилей.

Пример:

<div class="slider-main__button">
  <div class="inline-top"></div>
  <div class="inline-top">Кнопка</div>
</div>

span

Строчный элемент, используется при группировке и стилизации inline контента - текста, ссылок.

Пример:

<div class="seo_steps__title"><span>Строка</span> со стилизованным текстом</div>

p

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

Пример:

<p>Пример абзаца</p>

Пример абзаца

h1, h2, h3, h4, h5, h6

Блочные элементы, заголовки. Используются для обозначения заголовков на web-странице. Имеют различный вес, соответствующий цифре после h. Чем меньше цифра, тем важнее заголовок, заключенный в тег. Тег h1 имеет наибольшую значимость на странице и используется единожды. Все заголовки изначально имеют жирное написание, отступы сверху и снизу и соответствующий размер шрифта.

Пример:

<h2>Пример заголовка второго уровня</h2>
<h3>Пример заголовка третьего уровня</h3>

Пример заголовка второго уровня

Пример заголовка третьего уровня

ul

Блочный элемент. Позволяет отображать контент в виде , маркированного списка. Изначально имеет отступы слева, сверху и снизу. Сам по себе является контейнером для дочерних элементов li.

Пример:

<ul>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
</ul>

• Элемент списка
• Элемент списка
• Элемент списка

ol

Блочный элемент. Позволяет отображать контент в виде , нумерованного списка. Также как и ul снабжен изначальной стилизацией и является контейнером для li

Пример:

<ol>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
  <li>Элемент списка</li>
</ol>

1. Элемент списка
2. Элемент списка
3. Элемент списка

a

Строчный элемент. Используется для создания ссылок. Изначально стилизован цветом и подчеркиванием.

Пример:

<a href="#">Пример ссылки</a>