Можно сказать, что HTML-документ представляет собой текстовый файл, имеющий определенную структуру, которому принудительно дано расширение HTM или HTML. На самом деле более правильно говорить о языке HTML (язык разметки гипертекста). С этой точки зрения HTML-документ – это документ с текстовым содержимым, написанный на языке HTML.
Структура HTML-документа задается с помощью так называемых «тегов» (выражений, заключенных в угловые скобки). Набор тегов и их свойств (значений свойств) зафиксирован. Изучение языка HTML сводится к изучению конечного множества тегов, свойств тегов и их значений.
Если говорить о «задаче, решаемой языком HTML», то это форматирование отображаемых данных. В этом смысле теги можно разбить на «теги структуры документа», «теги форматирования» и другие.
Основные теги, задающие структуру HTML-документа, следующие (листинг 6.81).
Листинг 6.81. Основные теги, задающие структуру HTML-документа
<html>
<head>
<meta content="text/html; charset=windows-1251">
<title>Пример страницы</title>
</head>
<body bgcolor=lightyellow text=darkblue>
«Тело» документа
</body>
</html>
В теле документа могут располагаться различные форматирующие теги. Пример таких тегов приведен в листинге 6.82.
Листинг 6.82. Пример форматирующих тегов
<h1>Заголовок</h1>
<b>Полужирный;<i> полужирный и наклонный;</i></b><i> наклонный текст</i>
<p>новый абзац</p>
Данные в HTML-документе можно организовывать в таблицы (листинг 6.83).
Листинг 6.83. Пример таблицы
<table>
<tr>
<td>первое</td>
<td>второе</td>
</tr>
<tr>
<td>третье</td>
<td>четвертое</td>
</tr>
</table>
Для навигации (переходу к другим ресурсам) могут использоваться гиперссылки. Для обозначения так называемых якорей в документе используются теги <a> (листинг 6.84).
Листинг 6.84. Пример использования гиперссылки
<a href='http://www.v8.1c.ru'>1C</a>
Для отображения картинки используются теги <img> (листинг 6.85).
Листинг 6.85. Пример использования картинки
<img src='C:/TEMP/pict_1.png' alt='Jardin'></img>
Следует отметить, что в данном разделе не ставится задача познакомить со всем множеством тегов: это удел специализированной литературы. Мы показали только основные теги HTML-документа.
Если собрать все продемонстрированные фрагменты и запустить полученный HTML-документ на просмотр в веб-браузере, то получим, например, следующую картинку (рис. 6.8).
Рис. 6.8. Пример HTML-документа