Теги в HTML нужны для того, чтобы браузеры могли понимать, что в том или ином документе содержится не обычный текст, а текст с элементами форматирования. Теги бывают парные (<тег атрибут1="значение" атрибут2="значение">...</тег>) и одиночные (<тег атрибут1="значение" атрибут2="значение">).

Особенности парных тегов

Первое, что нужно знать о парных тегах 一 это то, что они могут включать в себя теги и текст. К слову, парные теги также называют контейнерами. Парные теги состоят из открывающего (<тег>) и заигрывающего тега (/тег).

Применение тегов

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

• Кавычки и атрибуты тегов. Атрибуты тегов заключаются в двойные (“”) и одинарные кавычки (‘’). Пропущенные кавычки могут стать проблемой в том случае. если речь идет о тексте с пробелами:

1. <p><img src="imgs/1.png" alt="Второй заголовок" width="400" height="101"></p>

2. <p><img src="imgs/1.png" alt=Второй заголовок width="400" height="101"></p>

Во втором примере кавычки пропущены, а это значит, что браузер выберет в качестве текстового значение слово, идущее первым, а второе будет считаться ошибочным.

• Перенос строк. Между атрибутами внутри тега допускается перенос строк:

1. <p><img src="imge/1.png" alt="Второй заголовок" width="400" height="101"></p>

2. <p><img src="iimge/1.png"

alt="Второй заголовок"

width="400" height="101"></p>

Как вы видите, в первом случае строка не “разбивается”, тогда как во втором используется перенос строк.

• Закрытие тега. Закрывающийся тег может закрываться обязательно, закрываться, но не обязательно, не закрываться вовсе.

• Неизвестные теги. Обратите внимание на то, что прописанный с ошибкой атрибут тега будет проигнорирован браузером, а текст будет отображаться так, будто тега нет и вовсе.

Подобных нюансов множество и каждый из них стоит учитывать при создании HTML-документа.

Атрибуты тегов

Без атрибутов возможности тега будут существенно “урезаны”. К тому же именно атрибуты позволяют сделать управление контейнерами более гибким. Обратите внимание на то, что если допустимый атрибут для тега отсутствует, браузер возьмем тот, который идет по умолчанию.

Атрибуты относятся к тому или иному виду (текст, число и пр.) и это стоит учитывать. К примеру, в строке <p><img src="imge/1.png" alt="Второй заголовок" width="400" height="101"></p>  тег <img> подразумевает добавление изображения, тогда как атрибуты  width и height “отвечают” за высоту и ширину картинки.