Теги HTML

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

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

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

Главными частями HTML документа являются:

1. Открывающий тег (Opening tag): Состоит из имени элемента , заключенного в открывающие и закрывающие угловые скобки.  Открывающий тег указывает, где элемент начинается или начинает действовать.
2. Закрывающий тег (Closing tag): Это то же самое, что и открывающий тег, за исключением того, что он включает в себя косую черту перед именем элемента. Закрывающий элемент указывает, где элемент заканчивается. Отсутствие закрывающего тега является одной из наиболее распространенных ошибок начинающих и может приводить к странным результатам.
3. Контент (Content): Это контент элемента, который в большинстве случаев является просто текстом.
4. Элемент(Element): Открывающий тег, закрывающий тег и контент вместе составляют элемент.

Каждый тег HTML доку мента имеет свой определенный набор атрибутов. Атрибуты содержат дополнительную информацию об элементе? которую не нужно показывать в итоговом контенте. Атрибут имеет имя атрибута и значение атрибута которое указывается через знак «=» после имени атрибута. Один тег в коде может иметь несколько атрибутов разделенных пробелом, некоторые атрибуты могут иметь несколько значений разделенных запятой или пробелом.

<имя_тега имя_атрибута=значение_атрибута >внутри тега содержится необходимая информация</имя_тега>

Так же теги можно располагать внутри других тегов, такая структура называется вложенными элементами.

Например:

<p>Я <strong>очень </strong> рад вас видеть!!»</p>

В окне браузера мы увидим следующий результат

Я очень рад вас видеть!!!

При вложенности тегов главное соблюдать правильность закрытия тегов. В показанном выше примере мы в начале открыли тег <p> затем открыли тег  <strong>, значит и закрывать необходимо в обратном порядке сначало тег <strong> затем тег <p>. В противном случае при неправильном закрытии тегов браузер будет самостоятельно выбирать какой вариант и как ему отобразить и результаты вывода информации в браузере будут неожиданноми и непредсказуемыми.

Некоторые из тегов не имеют контента, такие теги например необходимы для вставки изображения, вставки якорей и т.п. Такие элементы называют пустыми.