КАТЕГОРИИ:
Архитектура-(3434)Астрономия-(809)Биология-(7483)Биотехнологии-(1457)Военное дело-(14632)Высокие технологии-(1363)География-(913)Геология-(1438)Государство-(451)Демография-(1065)Дом-(47672)Журналистика и СМИ-(912)Изобретательство-(14524)Иностранные языки-(4268)Информатика-(17799)Искусство-(1338)История-(13644)Компьютеры-(11121)Косметика-(55)Кулинария-(373)Культура-(8427)Лингвистика-(374)Литература-(1642)Маркетинг-(23702)Математика-(16968)Машиностроение-(1700)Медицина-(12668)Менеджмент-(24684)Механика-(15423)Науковедение-(506)Образование-(11852)Охрана труда-(3308)Педагогика-(5571)Полиграфия-(1312)Политика-(7869)Право-(5454)Приборостроение-(1369)Программирование-(2801)Производство-(97182)Промышленность-(8706)Психология-(18388)Религия-(3217)Связь-(10668)Сельское хозяйство-(299)Социология-(6455)Спорт-(42831)Строительство-(4793)Торговля-(5050)Транспорт-(2929)Туризм-(1568)Физика-(3942)Философия-(17015)Финансы-(26596)Химия-(22929)Экология-(12095)Экономика-(9961)Электроника-(8441)Электротехника-(4623)Энергетика-(12629)Юриспруденция-(1492)Ядерная техника-(1748)
Технология работы над HTML-документом с использованием блокнота
|
|
|
|
Это простейший HTML-документ
</body>
</html>
Результаты просмотра этого документа в броузере см. на рис. 8.1.
Рис. 8.1. Вид простейшего HTML-документа в окне броузера Microsoft Internet Explorer
Для работы необходимо открыть редактор Блокнот (Пуск –Программы – Стандартные – Блокнот). Затем в Блокноте набираются теги и текст документа. Для ускорения и облегчения работы рекомендуется активно использовать команды меню Правка (Копировать, Вставить).
После набора основных тегов и текста необходимо сохранить созданный файл. При сохранении документа следует обратить внимание на расширение. По умолчанию Блокнот сохраняет документы с расширением 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>
|
|
|
|
|
Дата добавления: 2014-11-29; Просмотров: 461; Нарушение авторских прав?; Мы поможем в написании вашей работы!