Основные теги структуры

  • <!DOCTYPE>: Определяет тип документа и версию HTML.
  • <html>: Корневой элемент HTML-документа.
  • <head>: Содержит метаинформацию о документе.
  • <title>: Устанавливает заголовок документа, отображаемый в строке заголовка браузера.
  • <body>: Содержит содержимое HTML-документа.

Метаданные и ссылки

  • <meta>: Предоставляет метаданные о документе, такие как кодировка, автор и ключевые слова.
  • <link>: Определяет связь между текущим документом и внешним ресурсом, часто используется для подключения таблиц стилей.
  • <base>: Указывает базовый URL для всех относительных URL в документе.

Форматирование текста

  • <h1> до <h6>: Определяют заголовки HTML, где <h1> - самый высокий уровень, а <h6> - самый низкий.
  • <p>: Определяет абзац.
  • <br>: Вставляет разрыв строки.
  • <hr>: Создает горизонтальную линию для тематических разрывов.
  • <strong>: Определяет важный текст.
  • <em>: Определяет выделенный текст.
  • <b>: Определяет жирный текст.
  • <i>: Определяет курсивный текст.
  • <u>: Определяет подчеркнутый текст.
  • <small>: Определяет уменьшенный текст.
  • <mark>: Выделяет текст.

Списки

  • <ul>: Определяет ненумерованный (маркированный) список.
  • <ol>: Определяет нумерованный список.
  • <li>: Определяет элемент списка.
  • <dl>: Определяет список описаний.
  • <dt>: Определяет термин/название в списке описаний.
  • <dd>: Определяет описание термина/названия в списке описаний.

Ссылки и навигация

  • <a>: Определяет гиперссылку.
  • <nav>: Определяет раздел навигационных ссылок.

Изображения и мультимедиа

  • <img>: Встраивает изображение.
  • <figure>: Определяет автономное содержимое, такое как иллюстрации, диаграммы или фотографии.
  • <figcaption>: Определяет подпись для элемента <figure>.
  • <audio>: Встраивает звуковое содержимое.
  • <video>: Встраивает видео содержимое.
  • <source>: Определяет несколько медиа-ресурсов для <audio> и <video>.
  • <track>: Определяет текстовые дорожки для <video> и <audio>.

Таблицы

  • <table>: Определяет таблицу.
  • <tr>: Определяет строку в таблице.
  • <td>: Определяет ячейку в таблице.
  • <th>: Определяет заголовочную ячейку в таблице.
  • <thead>: Группирует заголовочное содержимое в таблице.
  • <tbody>: Группирует основное содержимое в таблице.
  • <tfoot>: Группирует нижний колонтитул в таблице.
  • <caption>: Предоставляет заголовок таблицы.

Формы

  • <form>: Определяет HTML-форму для ввода данных пользователем.
  • <input>: Определяет элемент управления ввода.
  • <textarea>: Определяет многострочный элемент управления ввода текста.
  • <button>: Определяет кнопку.
  • <select>: Определяет выпадающий список.
  • <option>: Определяет опцию в выпадающем списке.
  • <label>: Определяет метку для элемента <input>.

Этот справочник поможет вам лучше понять и использовать HTML теги для создания структурированных и доступных веб-страниц.