Основные теги HTML для изучения новичкам

В каждый Html-документ включается целое дерево элементов с текстом. Каждый из Html-элементов обозначают открывающим (начальным) и закрывающим (конечным) тегом. В открывающем и закрывающем теге содержится имя.

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

Перечень базовых тегов

 - добавление в конкретный документ комментариев. Браузеры не интерпретируют теги, которые помещаются внутрь него.
<!DOCTYPE> - обозначает для браузера тип конкретного документа, используемый язык и версию.
<html></html> - корневой тег, несущий информацию, что это Html-документ. Комплекс остальных элементов помещаются внутрь.
<head></head> - контейнер с метаданными документа, которые обычным пользователям не видны, однако их легко считывают поисковые роботы: к примеру, <title> либо <style>.
<meta> - тег оформления наличествующих метаданных, которые применяются браузером в целях обработки страниц, поисковиком – в целях индексации.
<body></body> - тег, отвечающий за обрамление видимой пользователям части документа. На странице будет отображаться помещенное внутрь него. Сейчас для управления дизайном используются таблицы CSS. В ранних версиях HTML у тега имеелся ряд атрибутов, обеспечивающих возможность управления разнообразием цветов.
К таким атрибутам ним относятся <body bgcolor=?>; <body text=?>; <body link=?>; <body vlink=?>; <body alink=?>, которыми обозначаются цвета фона документа, текста, гиперссылок (указанных, по которым осуществлен переход, при нажатии) соответственно.
<title></title> - задающий наименование страницы, которое отображается на браузерной вкладке метатег.
<style></style> - управление отображением страницы с помощью упомянутых выше таблиц стилями CSS.
<script></script> - подключение к странице программ JS (скриптов).

Полный список тегов смотрите в справочнике: https://guruweba.com/html/.

Теги форматирования текстов

<H1> и </H1> - ключевой заголовок статьи. Не требует выделение, является названием. Для любого документа правильно использование данного тега исключительно в начале.
<H2> и </H2> - статейные подзаголовки либо наименования для отдельных абзацев. Выступают обязательным атрибутом большинства текстов.
<H3> и </H3> - текстовые абзацы могут включать сразу несколько смысловых частей. Данным кусочкам можно давать собственные названия, выделяя определенным образом. Подходящим выступает именно этот тег.
<H4>, <H5>, <H6> - применяются аналогичным образом.
<P> и </P> - абзацы. Зачастую применяются для того, чтобы статья не выглядела невзрачным ровным текстом, а начало абзацев выделялось при помощи отступов.

Работа со списками и таблицами

Любой используемый в документе список открывается посредством тега <ul> (для маркированных перечней) либо <ol> (для нумерованных). Формирование каждого из пунктов происходит при помощи тега <li>.

Руководство по работе со списками: https://guruweba.com/html/sozdanie-spiskov-vse-o-html-spiskakh/.

Для работы с таблицами используется более обширный перечень HTML тегов.

<table></table> - обеспечивает размещение таблицы. Внутри данного контейнера размещаются остальные теги, которые необходимо для обеспечения форматирования таблиц.
<thead></thead> - отвечает за определение заголовков;
<tbody></tbody> - им отмечается тело таблицы;
<td></td> - отвечает за создание одной ячейки;
<th></th> - является указанием заголовка ячейки;
<tr></tr> - отвечает за создание одной строчки;
<tfoot></tfoot> - демонстрирует нижний колонтикул;
<caption></caption> - позволяет вставлять подпись, принято оказывать после тега <table>;
<col> - обеспечивает возможность указания ширины и иных параметров для одной либо нескольких табличных колонок.