10.01.2021
Новый выпуск журнала Автоматизация и Программирование.
08.12.2020
Новые видео и статья Таблицы в HTML.
03.12.2020
Новый выпуск журнала Автоматизация и Программирование.
15.11.2020
Новые видео и статья Процедура Str.
25.10.2020
Добавлен курс Как стать веб-разработчиком.
Раздел: Сайтостроение / HTML /
Что такое тэги 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 минут дадут вам представление о том, как создаются современные сайты... Подробнее... |