Html не является языком программирования в общепринятом смысле,
этот язык гипертекстовой разметки документов (т.е. форматирования тек-
ста). В отличие от иных языков программирования, директивы HTML на-
зываются не «командами», «процедурами» или «операторами», а имеют
собственное наименование – «теги» (от англ, tag – отметка) или дескрип-
торы. Теги HTML заключаются в угловые скобки, синтаксис их записи в
общем виде выглядит как <тег>.
Например: <br> (перенос текста на другую строку, что-то вроде
Enter:). Т.е. все, что находится между < и > – это тэг. Текст, не находящий-
ся между такими скобками < > – весь виден при просмотре в браузере.
Тэгов много и они разные.
Итак, упрощенная структура документа HTML выглядит следующим
образом (рис. 30).
Рис. 30. Упрощенная структура html-документа
Код каждого html-документа должен начинаться с открывающего де-
скриптора <html> и заканчиваться соответствующим закрывающим –
</html>.
ВНИМАНИЕ: При работе с кодом HTML необходимо запомнить од-
|
|
но простое правило: если где-то в тексте программы встречается откры-
вающий тег, обязательно должен присутствовать и закрывающий. Несо-
блюдение этого правила вызовет ошибку при обработке такого документа
интерпретатором браузера.
Как видно из иллюстрации, основной, глобальной конструкцией внут-
реннего кода web-страницы является нечто, обозначенное на рисунке пря-
моугольником с надписью «Документ HTML». Вполне логично было бы
предположить, что это «нечто» – какая-то специальная команда, призван-
ная «объяснить» браузеру, что он имеет дело именно с документом HTML,
а не с текстовым или, например, графическим файлом. Такая команда дей-
ствительно есть. Называется она «тег верхнего уровня» и записывается
так:
<НТМL>Содержимое </НТМL>
•
<html> и </html> – это все, что необходимо для однозначной иден-
тификации созданного файла как файла в формате HTML.
Тег верхнего уровня, как становится ясно из предложенного примера,
– парный. Таким образом, правило применения данной директивы также
очевидно: открывающий тег записывается самой первой строкой html-
документа, а закрывающий – самой последней.
Следующим на очереди у нас прямоугольник, обозначенный на схеме
фразой «Заголовок документа». Для чего нужен этот заголовок?
Заголовок web-страницы содержит исчерпывающую информацию о
самом документе. Необходимо отметить, что содержимое заголовка не
отображается в браузере и не влияет на внешний вид документа: это, если
можно так выразиться, служебная информация, которая необходима, пре-
жде всего, самому браузеру. Синтаксис тега заголовка в общем виде вы-
|
|
глядит так:
<HEAD> Содержимое </HEAD>
Из приведенной схемы видно, что раздел HEAD следует в html-
документе непосредственно за тегом <HTML> и является второй обяза-
тельной командой, которую необходимо включать в код web-страницы.
• <head> и </head> – необходимы для отображения некоторой ин-
формации о самом документе.
Перейдем к следующему объекту html-документа – разделу «Внеш-
ний заголовок», который, как показано на схеме, является вложенной ко-
мандой тега <HEAD>. Мнемоника внешнего заголовка записывается сле-
дующим образом:
<ТITLE>Внешний заголовок</TITLE>
Чем же «внешний заголовок» отличается от просто «заголовка» доку-
мента HTML? Все очень просто: именно он отображается в верхнем поле
броузера в качестве названия страницы при ее открытии.
• <title> и </title> – между ними вводится заголовок web – страницы.
Расположен этот дескриптор в пределах дескрипторов <head> и
</head>
Последняя структурна составляющая кода web-страницы – раздел
«Тело документа».
Тело документа, описываемое тегами <BODY> </BODY>, включает в
себя весь основной код разметки страницы, который и определяет отобра-
жение html-документа на экране монитора. Основной текст, иллюстрации,
элементы навигации и все, что вы хотите продемонстрировать посетителям
вашего сайта, размещается внутри данного тега.
• <body> и </body> – между этими дескрипторами находится основ-
ной код (тело) web – страницы.
ИТАК: Любой html-документ состоит из двух частей: заголовка
(head) и тела (body).
Пример.
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Здравствуйте, это моя первая страница.
<br>
Добро пожаловать!:)
</body>
</html>
Большинство дескрипторов являются парными: состоят из откры-
вающего и закрывающего. Но некоторые тэги, вроде <br> (переход на но-
вую строчку), не требуют закрывающего тэга.