Тег – оформленная единица HTML-кода. Например, <html >, <body>,<h1>,<h2> и так далее. Все тэги имеют одинаковый формат: они начинаются знаком "<" и заканчиваются знаком ">".Обычно имеются два тэга – открывающий и закрывающий. Различие в том, что в закрывающем имеется слэш "/". Желательно вводить все теги в нижнем регистре (маленькими буквами), хотя не обязательно.
пример :
<h1> Крупный заголовок </h1>
<h2> Заголовок чуть поменьше </h2>
В браузере это будет выглядеть следующим образом:

Здесь тег <h1> означает заголовок первого уровня, а тег <h2> - второго уровня. Вначале тег открывается, затем идет его содержимое, потом он закрывается.
Атрибут – это своего рода дополнительная информация. Атрибуты всегда записываются внутри тега, затем следует знак равенства и детали атрибута, заключённые в двойные кавычки.
пример:
<h1> Крупный заголовок </h1>
<h2 align="center"> Заголовок чуть поменьше </h2>
В браузере это будет выглядеть следующим образом:

Как видите, в теге <h2> введен атрибут align="center", что означает выравнивание по центру, в результате чего содержимое тега выровнялось по центру ячейки. В теге <h1> атрибута align (выравнивание) нет, и поэтому выравнивание происходит по умолчанию (по левому краю).
Элемент – понятие, введенное для удобства объяснения. Например, элемент HEAD состоит из двух тегов – открывающего <HEAD> и закрывающего </HEAD>. Таким образом, элемент – более общее понятие, обозначающее пару тегов и участок документа между тегами, на который распространяется их влияние.