Урок 1.2: Описание тегов

Что такое теги? Теги - это инструкции, благодаря которым браузер понимает, что от него хотят.

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

<1тег 1атрибут="значение" 2атрибут="значение">...</1тег> 
<2тег 1атрибут="значение">

Как видно из примера теги могут содержать одно или несколько атрибутов (параметров). Но могут обходится и без атрибутов. Атрибуты нужны для указания дополнительных сведений. Например в теге вставки изображения (<img>) необходим атрибут пути к изображению (<img src="/Путь к изображению">). Без этого атрибута браузер не сможет отобразить изображение, т.к. не знает какое изображение требуется отобразить.

Кроме того теги различаются на парные и одиночные.

Парные теги содержат пару (<html>...</html>). Закрывающий тег содержит слеш перед именем тега. Парные теги являются контейнерами, внутри которых могут распологатся текст и/или другие.

Пример:

<p>Текст статьи</p>

Для парных тегов существуют некоторые правила написания. Любой парный тег может включать в себя другие парные теги. Но недопустимо перекрещивание этих тегов.

Пример неправильного кода:

<p>  <strong>   Текст выделен жирным шрифтом  </p> </strong>

В этом коде теги параграфа (<p>) и тег жирности текста (<strong>) перекрещиваются. Так делать нельзя, так как это приведет к ошибке. Парные теги (если они вложены друг в друга) открываются в одной последовательности, а закрываются в обратной. И только так.

Пример правильного кода

<p>
  <strong>   Текст выделен жирным шрифтом  </strong>
</p>

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

Пример

<img src="/Путь к изображению">

Перечень HTML тегов находится в справочнике

Перечень уроков