2.2. Структура html-документа
HTML-документ состоит из двух частей: заголовка и основного раздела. Для описания документа и его частей используются теги языка HTML. Структура HTML-документа имеет вид:
<HTML>
<
HEAD>
Параметры страницы Заголовок
</HEAD> ("голова")
<
BODY>
Текст страницы Основной раздел
</BODY> ("тело")
</HTML>.
Парный тег <HTML> … </HTML> информирует браузер о том, что внутри него находится гипертекстовый документ. Заголовок Web-стра-ницы ("голова") задаётся парным тегом <HEAD> … </HEAD>, а основной раздел ("тело") – парным тегом <BODY> … </BODY>. Три перечисленных тега являются обязательными, поскольку определяют структуру Web-стра-ницы.
Заголовок документа предназначен для общего описания документа. Важно понимать, что заголовок в документе может быть только один. Информация, находящаяся в этом разделе документа, является служебной и необходима браузеру. Например, имя заголовка Web-страницы фор-мируется с помощью парного тега <TITLE> … </TITLE>. Имя заголовка Web-страницы отображается в строке заголовка браузера. Также название страницы, заданное с помощью <TITLE> … </TITLE>, будет исполь-зоваться поисковыми системами Интернет.
Внутри основного раздела располагаются все остальные теги оформления Web-страницы. Открывающий тег <BODY> может содержать атрибуты, определяющие для всего документа следующие параметры: цвет фона, фоновый рисунок, цвет текста, цвета гиперссылок и т.д. (см. табл. П 1).
2.3. Создание и редактирование Web-страниц
Для создания Web-страницы можно воспользоваться любым текстовым редактором, например Блокнотом (Пуск → Программы → Стандартные → Блокнот).
Первым делом необходимо набрать теги, определяющие структуру документа. Например, чтобы создать пустую Web-страницу с именем заголовка Первая Web-страница, нужно в Блокноте ввести следующие теги:
<HTML>
<HEAD>
<TITLE> Первая Web-страница </TITLE>
</HEAD>
<BODY>
</BODY>
</HTML>.
Блокнот – текстовый редактор, поэтому все созданные в нём файлы он по умолчанию сохраняет с расширением .txt. Для того чтобы введённый HTML-код сохранился не как текстовый файл, а как Web-страница, необходимо сохранить файл с расширением .html или .htm (рис. 2.1). Имя файла может быть любым, например, Первый.html. Для сохранения файла необходимо в Блокноте выполнить команду Файл → Сохранить.
Рис. 2.1. Сохранение Web-страницы
В результате в
папке Практика,
выбранной для сохранения доку-мента,
появится новая Web-страница
с именем файла Первый.html
и соответствующим значком
.
Если по имени созданного документа
произвести двойной щелчок левой кнопкой
мыши, то он должен открыться в браузере,
например,
в Microsoft
Internet
Explorer
(рис. 2.2).
Рис. 2.2. Просмотр Web-страницы в браузере
Редактируется
Web-страница
в Блокноте,
а результат её изменения просматривается
в браузере. Чтобы открыть Web-страницу
для редак-тирования в Блокноте,
можно, к примеру, прямо в браузере
Internet Explorer выбрать в меню "Вид
(View)"
команду "Просмотр
HTML-кода (Source)"
или щёлкнуть правой кнопкой мыши в
основном разделе страницы и выбрать
тот же пункт в появившемся контекстном
меню. После внесения изменений в Блокноте
файл необходимо опять сохранить (Файл
→ Сохранить).
Для того чтобы в браузере увидеть
изменения, внесённые в документ,
достаточно в меню "Вид
(View)"
выбрать команду "Обновить
(Refresh)"
либо воспользоваться кнопкой
"Обновить
(Refresh)"
на панели инструментов браузера (рис.
2.3).