Теги и Элементы являются не одинаковыми.
Элементы
Они сами являются частями, то есть абзац является элементом или заголовок является элементом, даже тело является элементом. Большинство элементов могут содержать другие элементы, так как элемент body будет содержать элементы заголовка, элементы параграфа, фактически практически все видимые элементы DOM.
Например:
<p>This is the <span>Home</span> page</p>
Метки
Теги - это не сами элементы, а фрагменты текста, которые вы используете, чтобы сообщить компьютеру, где элемент начинается и заканчивается. Когда вы «размечаете» документ, вы обычно не хотите, чтобы те дополнительные заметки, которые на самом деле не являются частью текста, были представлены читателю. HTML заимствует технику из другого языка, SGML, чтобы предоставить компьютеру простой способ определить, какие части являются «MarkUp», а какие - содержимым. Используя «<» и «>» в качестве круглых скобок, HTML может указывать начало и конец тега, т. Е. Наличие «<» сообщает браузеру «следующий бит - разметка, обратите внимание». </p>
Браузер видит буквы «
» и решает: «Новый абзац начинается, лучше начать новую строку и, возможно, сделать отступ». Затем, когда он видит '
', он знает, что параграф, над которым он работал, закончен, поэтому он должен прервать линию там, прежде чем перейти к следующему.
- Открытие тега.
- закрывающий тег
![enter image description here](https://i.stack.imgur.com/UCxMx.png)