В основе HTML находятся HTML-теги. Так что, довольно важно понимать из чего HTML-тег состоит и как правильно его составлять.

Обычно HTML-теги имеют открывающий и закрывающий тег, которые окружают какой-то контент.

<p>Контент</p>

В этом примере тег p означает, что контент внутри должен расцениваться как параграф.

Технически говоря, p сам по себе называется элементом, а вместе со скобками он называется тегом.

Но чаще всего, когда кто-то говорит об элементе p или о теге p, они могут иметь в виду одно и то же.

Большинство тегов имеют закрывающий тег соответствующий открывающему, но не все.

К примеру, теги <br> и <hr> имеют только открывающий тег.

Тег <br> служит для переноса строки, а <hr> означает горизонтальную линию.

Каждый HTML-тег имеет определенные атрибуты.

<p id="myId">Контент</p>

В этом примере мы назначаем myID в качестве значения атрибута id.

Каждый атрибут имеет свои правила для значения.

К примеру, значение атрибута id должно быть уникально в пределах страницы.

То есть, ни один другой элемент на странице не должен иметь значение атрибута id равное myId.

Если будет еще один элемент с таким id, ваш HTML не будет валидным и потенциально это может вести к ошибкам.