8.2. Технология работы над html-документом с использованием блокнота
Для работы необходимо открыть редактор Блокнот (Пуск –Программы – Стандартные – Блокнот). Затем в Блокноте набираются теги и текст документа. Для ускорения и облегчения работы рекомендуется активно использовать команды меню Правка (Копировать, Вставить).
После набора основных тегов и текста необходимо сохранить созданный файл. При сохранении документа следует обратить внимание на расширение. По умолчанию Блокнот сохраняет документы с расширением txt, а HTML-документы должны иметь расширение htm или html. Поэтому в поле Имя файла (в окне команды Сохранить как…) необходимо ввести не только имя, но и расширение файла.
Затем следует просмотреть документ в броузере и, если необходимо, внести исправления (вновь с помощью Блокнота). Таким образом, последовательность действий разработчика может выглядеть следующим образом:
Создать в Блокноте документ. Сохранить документ с расширением htm или html.
Открыть документ в броузере, не закрывая Блокнота.
Если требуется коррекция документа , снова перейти в Блокнот, не закрывая броузера.
Внести изменения в документ. Сохранить изменения.
Перейти в окно броузера. Обновить содержимое окна броузера (кнопка
). Просмотреть результат изменений.
При необходимости повторять действия пп. 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>