Понятие тэга

Сначала разберем, что такое тэг.

Тэгомназывается специальная HTML – метка, предназначенная для того, чтобы дать указание Web – браузеру, как именно необходимо интерпретировать расположенный после него текст.

Тэг представляет из себя специальное служебное слово, заключенное в круговые скобки. Большинство тэгов имеют свою закрывающуюся пару, которая отменяется его действие. Тэговая пара в точности повторяет сам тэг, но отличается косой чертой (слешем), идущей сразу за открывающей угловой скобкой.

Любой HTML – документ начинается тэгоми заканчивается его парой . Он имеет «голову» и «тело», соответственно тэговые пары и. Web –браузер выводит на экран ту информацию, которая размещена в теле ML – документа. Следовательно, любой HTML — документ имеет следующую структуру:

Вся информация, которая выводится Web – браузером, вставляется между тэговой парой. А для чего нужна секция ? Для разных целей. Для иллюстрации создадим первый HTML – документ. Для этого нам понадобится любой текстовый редактор, который не вставляет в документ никаких других символов, кроме тех, которые вы будете вводить клавиатуры.

Для этих целей как нельзя лучше подходит редактор блокнот, который присутствует в любой версии Windows. Запустите этот редактор и введите текст, приведенный в листинге.

Листинг 1

Шаблон HTML – документа

Это моя первая страница!!!!

Как видите, в секциипоявилась новая тэговая пара . Любой текст, который записан внутри этой пары, будет выводиться, как заголовок окна Web – браузера при открытии этого документа. В секцииразмещен простейший текст, который выводится в рабочем поле браузера. Теперь сохраните HTML – документ (измените расширение на htm).

После этого просмотрите документ должно получиться следующее.

Рис. 9.1 Внешний вид браузера

На рис 9.1. показан внешний вид браузера после загрузки в него HTML – документа, текст которого представлен в листинге 1.

Давайте разберем некоторые нюансы. Если вы хотите опубликовать стихи:

Утром на работу еду,

Взял, залез в карман соседу.

Думал – он интеллигент…

Руку вынул – перстня нет!

На первый взгляд, кажется, что достаточно просто вставить эти стихи в тело HTML – документа.

Листинг 2.

Стихи

Утром на работу еду,

Взял, залез в карман соседу.

Думал – он интеллигент…

Руку вынул – перстня нет!

Рис.9.2 Результат листинга 2.

На заметку. Язык HTML не поддерживает символов форматирования, традиционных для текстовых редакторов.

В данном случае, поскольку четверостишие было разбито на строки символами перевода строки, которые применяются в системе Windows, браузер их игнорировал и интерпретировал текст, как единую строку. Но что делать, если нам, как в этом случае, необходимо перенести текст на новую строку? Для этого используется специальный тэг
, который не имеет своей пары. Его ставят в то место текста, начиная с которого необходимо сделать перенос.

Листинг 3. Разбивка на строки.

Стихи

Утром на работу еду,

Взял залез в карман соседу.

Думал – он интеллигент…

Руку вынул – перстня нет
!

Здесь каждая строка стихотворения оканчивается тэгом
.

Рис. 9.3 Результат листинга 3

Форматирование текста в HTML достигается за счет использования специальных тэгов (рис.9.3).

Следует сделать еще одно замечание HTML, помимо того, что игнорирует специальные символы форматирования, опускает и несколько подряд идущих пробелов, то есть если Вы хотите разрядить текст и вставите между словами несколько подряд идущих пробелов, например,

Рандомно подобранные статьи с сайта:

Курс HTML — Урок №02. Понятие тега.


Похожие статьи:

admin