Что такое тэги HTML

Вёрстка сайта с нуля 2.0

Как научиться верстать сайты любой сложности и под любые устройства, даже если сейчас Вы не знаете, что такое HTML? Есть несколько способов, но самый доступный - это видеокурс. Подробнее...

Для начала разберёмся с терминологией.

Тег (в литературе также встречается тэг) имеет несколько определений, но в HTML это элемент языка разметки. Происходит это название от английского слова tag, что означает “ярлык, этикетка, бирка, метка”.

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

То есть с помощью тегов мы определяем внешний вид HTML-страницы - как и где будут расположены картинки, таблицы, каким будет шрифт, цвет текста и т.п.

Что ещё нужно знать о тегах

Тег заключается в угловые скобки:

<тэг>

Всё, что находится между угловыми скобками - это тег и его атрибуты (они не отображаются браузером и не видны пользователю). Кстати, у тега могут быть атрибуты (параметры):

<тег атрибуты>

У тега может быть несколько атрибутов. Атрибуты не являются обязательными. Набор атрибутов зависит от тега. Пример тега с атрибутом:

<hr size="10px">

здесь hr - это тег, который рисует на экране горизонтальную черту. Атрибут size задаёт толщину этой линии (в нашем случае в пикселях).

Более подробно об атрибутах в следующих статьях.

Язык HTML не чувствителен к регистру. То есть имена тегов можно записывать как маленькими, так и большими буквами. То есть

<br>
<BR>
<Br>
<bR>

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

Теги также бывают:

Обязательные и необязательные
Парные и непарные

Об обязательных тегах поговорим в следующей статье. А вот о парных и непарных сейчас.

Парные теги - это теги, которые состоят из пары тегов - открывающего и закрывающего. Например:

<p> Текст абзаца. </p>

Как видите, теги, которые формируют отдельный абзац, имеют одинаковое имя, но немного отличаются:

<Открывающий тег>
</Закрывающий тег>

Если у тега есть атрибуты, то они указываются в открывающем теге.

Если вы используете парный тег, то это обязательно должна быть пара тегов. Причём вначале находится открывающий, а в конце - закрывающий. Закрывающий тег отличается от открывающего наличием косой черты перед именем тега.

Непарные (одинарные) теги не требуют закрывающего тега.

Но! Для совместимости с другими языками разметки и вообще для выработки хорошей привычки, лучше для всех тегов (в том числе и для тех, которые не требуют “закрывания”), использовать закрывающий тег. Например:

<br></br>
<hr></hr>

На этом пока закончим с тегами. Ну а если вам любопытно взглянуть, как выполняется вёрстка сайта на профессиональном уровне, то см. здесь.

Подписаться на канал в YouTube

Вступить в группу "Основы программирования"

Подписаться на рассылки по программированию

Как создать свой сайт

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

Главная
Контакты