Тэги (от английского tag – ярлык, бирка, метка) - это метки, которые вы используете для указания браузеру, как он должен показывать ваш web-сайт.
Строго говоря, HTML - это только тэги и их атрибуты. Для изучения HTML нужно изучить только это и ничего больше.
Все тэги имеют одинаковый формат: они начинаются знаком < и заканчиваются знаком >.
Обычно имеются два тэга - открывающий: <html> и закрывающий: </html>. Различие в том, что в закрывающем имеется слэш "/".
Всё содержимое, помещённое между открывающим и закрывающим тэгами, является содержимым тэга и подчиняется правилам, устанавливаемым для него тегом.
Однако, имеются тэги, которые только открываются и не требуют закрытия. Эти тэги не содержат внутри себя текста, а являются дополнительными метками разметки текста. Например, тег переноса строки <br>.
Чтобы все это было понятнее, давайте сразу перейдем к примерам.
Пример № 1:
Для того, чтобы выделить слово, строку или весь абзац жирным шрифтом, применяется следующий тег:
<b>Эта строка должна быть выделена жирным шрифтом.</b>
Вот как это будет выглядеть в браузере:
Эта строка должна быть выделена жирным шрифтом.
Тэги <h1>, <h2>, <h3>, <h4>, <h5> и <h6> указывают браузеру создавать заголовки, где <h1> - это заголовок первого уровня - самый крупный шрифт, <h2> - заголовок второго уровня - шрифт меньшего размера….. и <h6> - заголовок шестого уровня - самый маленький шрифт.
Пример № 2:
<h3>Проверяем</h3>
<h4>Проверяем</h4>
<h5>Проверяем</h5>
В браузере это будет выглядеть так:
Проверяем
Проверяем
Проверяем
Как правильно писать теги
Большинству браузеров безразлично, в каком регистре введены буквы тэгов. <html> или <HTML> обычно даёт одинаковый результат. Однако корректным будет нижний регистр. Поэтому, я советую вам сразу взять за правило, печатать тэги не заглавными, а маленькими буквами.
Где размещать теги
Теги печатаются в HTML-документе. HTML-документ – этой файл, имеющий расширение .html. То есть, вы создаете набор тегов в текстовом редакторе (или другой программе, пригодной для создания сайтов) и сохраняете его, как html-документ, которому автоматически присваивается расширение .html. По этому расширению Интернет-браузеры опознают «свои» файлы и работают с ними.
В следующем уроке я расскажу, как это сделать и как создать свой первый сайт буквально за пять минут!