Структура HTML-документа

При создании WEB-страниц используется язык разметки гипертекста HTML (Hypertext Markup Language). Документ, который написан на языке HTML, представляет собой простой документ, в который вставлены теги разметки. Теги разметки объясняют компьютеру, как должен быть расположен текст на экране, в каком месте должны находится рисунки, хранящиеся в других файлах и т.д.

С помощью тегов разметки формируются связи с WEB-сайтами и другими ресурсами INTERNET.

Теги разметки – это определенная последовательность символов, заключенная между знаками < и >. Знак < означает начало тега, знак > - конец тега. Прописные и строчные буквы в написании тегов значения не имеют. Теги бывают парные и непарные, открывающие и закрывающие. Отличительным признаком закрывающего тега является символ /, например, </body>. Область действия парного тега начинается с того места, где стоит открывающий тег и заканчивается там, где стоит закрывающий тег. Например, текст выводится на экран полужирным шрифтом, если стоит между тегами и . Все форматирующие теги всегда следуют парами, и для открывающего тега должен существовать закрывающий тег.

Пример использования парных тегов.

Этот текст будет выводиться наклонным шрифтом,

Этот – подчеркнутым

Теги могут быть и непарными. Например, для перехода на новую строку используется непарный тег (Linebreak).

Все, что заключено между тегами <html> и </html> является документом HTML. Любой HTML-документ состоит из двух частей: заголовка и тела. Заголовок заключается между тегами <head> и </head>. В заголовке содержится название страницы, которое появится в верхней рамке окна программы просмотра (Рис.1). Название страницы располагается между тегами <title> и </title>.

Пример заголовка WEB- странички.

<html>

<head>

<title> Личная страничка <title>

</head>

Рис.1. На рисунке отображено название странички в верхней рамке программы просмотра Internet Explorer.

Информация, заключенная между тегами <body> и </body> называется телом странички. Все, что заключено между этими тегами будет выводиться на экран: текст, картинки, видеофрагменты (Рис.2).

Рис.2 Пример WEB-странички, содержащей текст и картинки.

Пример укрупненной структуры HTML-документа:

<html>

<head>

…

</head>

<body>

…

</body>

</html>