HTML-документ

Можно сказать, что HTML-документ представляет собой текстовый файл, имеющий определенную структуру, которому принудительно дано расширение HTM или HTML. На самом деле более правильно говорить о языке HTML (язык разметки гипертекста). С этой точки зрения HTML-документ – это документ с текстовым содержимым, написанный на языке HTML.

Структура HTML-документа задается с помощью так называемых «тегов» (выражений, заключенных в угловые скобки). Набор тегов и их свойств (значений свойств) зафиксирован. Изучение языка HTML сводится к изучению конечного множества тегов, свойств тегов и их значений.

Если говорить о «задаче, решаемой языком HTML», то это форматирование отображаемых данных. В этом смысле теги можно разбить на «теги структуры документа», «теги форматирования» и другие.

Основные теги, задающие структуру HTML-документа, следующие (листинг 6.81).

Листинг 6.8****1. Основные теги, задающие структуру HTML-документа

<html>

<head>

<meta content="text/html; charset=windows-1251">

<title>Пример страницы</title>

</head>

<body bgcolor=lightyellow text=darkblue>

«Тело» документа

</body>

</html>

В теле документа могут располагаться различные форматирующие теги. Пример таких тегов приведен в листинге 6.82.

Листинг 6.8****2. Пример форматирующих тегов

<h1>Заголовок</h1>

<b>Полужирный;<i> полужирный и наклонный;</i></b><i> наклонный текст</i>

<p>новый абзац</p>

Данные в HTML-документе можно организовывать в таблицы (листинг 6.83).

Листинг 6.8****3. Пример таблицы

<table>

<tr>

<td>первое</td>

<td>второе</td>

</tr>

<tr>

<td>третье</td>

<td>четвертое</td>

</tr>

</table>

Для навигации (переходу к другим ресурсам) могут использоваться гиперссылки. Для обозначения так называемых якорей в документе используются теги <a> (листинг 6.84).

Листинг 6.8****4. Пример использования гиперссылки

<a href="http://www.v8.1c.ru" target="_blank">1C</a>

Для отображения картинки используются теги <img> (листинг 6.85).

Листинг 6.8****5. Пример использования картинки

<img src="c:/temp/pict_1.png?_=1774021398" alt='Jardin'></img>

Следует отметить, что в данном разделе не ставится задача познакомить со всем множеством тегов: это удел специализированной литературы. Мы показали только основные теги HTML-документа.

Если собрать все продемонстрированные фрагменты и запустить полученный HTML-документ на просмотр в веб-браузере, то получим, например, следующую картинку (рис. 6.8).

Рис. 6.8. Пример HTML-документа