Технология работы над HTML-документом с использованием блокнота

Для работы необходимо открыть редактор Блокнот (Пуск –Программы – Стандартные – Блокнот). Затем в Блокноте набираются теги и текст документа. Для ускорения и облегчения работы рекомендуется активно использовать команды меню Правка (Копировать, Вставить).

После набора основных тегов и текста необходимо сохранить созданный файл. При сохранении документа следует обратить внимание на расширение. По умолчанию Блокнот сохраняет документы с расширением txt, а HTML-документы должны иметь расширение htm или html. Поэтому в поле Имя файла (в окне команды Сохранить как…) необходимо ввести не только имя, но и расширение файла.

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

1. Создать в Блокноте документ. Сохранить документ с расширением htm или html.

2. Открыть документ в броузере, не закрывая Блокнота.

3. Если требуется коррекция документа , снова перейти в Блокнот, не закрывая броузера.

4. Внести изменения в документ. Сохранить изменения.

5. Перейти в окно броузера. Обновить содержимое окна броузера (кнопка ). Просмотреть результат изменений.

При необходимости повторять действия пп. 3 – 5 и т.д. до тех пор, пока документ не будет готов.

8.3. Тег <body> и его атрибуты

Тегом <body> начинается основная часть (тело) HTML-документа. Здесь содержатся рисунки и текст, отображаемые в рабочей области окна броузера. Можно сказать, большая часть элементов (тегов) HTML используется в пределах тега <body> (вложены в тег <body>).

Как уже отмечалось, теги могут иметь атрибуты, модифицирующие характеристики тега. Тег <body> тоже имеет несколько атрибутов, обеспечивающих задание параметров страницы по умолчанию. Эти параметры могут в дальнейшем переопределяться другими тегами в теле документа.

Атрибуты тега <body>

Таблица 8.1

Атрибут	Описание
BGCOLOR=цвет	Цвет фона страницы
BACKGROUND=имя файла фона	Фоновое изображение для страницы
BGPROPERTIES =Fixed	Отменяет многократное повторение фонового рисунка. Это позволяет создать эффект водяного знака
TEXT=цвет	Цвет текста в документе
LEFTMARGIN=n	Отступ от левого края страницы до текста в пикселях
TOPMARGIN= n	Отступ от верхнего края страницы до текста в пикселях
ALINK= цвет	Цвет активной гиперссылки
VLINK= цвет	Цвет просмотренной гиперссылки
LINK= цвет	Цвет непросмотренной гиперссылки
ID=значение	Идентификатор элемента в документе
STYLE=css-свойства	Определяет ссылку на страницу стилей

Модифицируем минимальный HTML-документ (см. пример 1), используя атрибуты тега <body>.

Пример 2. HTML –документ с атрибутами тега <body>

<html>

<head>

<title>Дистанционное образование</title>

</head>

<body bgcolor =blue

text=red

leftmargin=150

topmargin=100>

Это простейший HTML-документ

</body>

</html>