- •Оглавление
- •1. Глобальная компьютерная сеть «интернет»
- •1.1. Назначение и виды компьютерных сетей
- •1.2. Основные понятия Интернет
- •1.3. Адресация компьютеров в сети «Интернет»
- •1.4. Информационные системы Интернет
- •1.5. Гипертекстовая информационная система www
- •Тип протокола://адрес компьютера/
- •2. Создание web-страниц
- •2.1. Основные понятия html
- •2.2. Структура html-документа
- •2.3. Создание и редактирование Web-страниц
- •Обновить
- •3. Работа с текстом
- •3.1. Создание текстовых заголовков
- •3.2. Абзацы текста
- •3.3. Форматирование текста
- •Номер и размер шрифта
- •3.4. Списки
- •Нумерованные списки
- •Маркированные списки
- •3.5. Бегущая строка
- •3.6. Специальные символы
- •Коды специальных символов
- •4. Графические объекты
- •4.1. Поддерживаемые форматы графических объектов
- •4.2. Размещение изображений на Web-страницах
- •4.3. Горизонтальные линии
- •5. Таблицы
- •5.1. Создание таблиц
- •5.2. Заголовки и форматирование таблиц
- •6. Гиперссылки
- •6.1. Назначение и виды гиперссылок
- •6.2. Гиперссылки на другие Web-страницы
- •6.3. Переходы по гиперссылкам в пределах Web-страницы
- •6.4. Графические гиперссылки
- •6.5. Гиперссылки на адреса электронной почты
- •7. Фреймы
- •7.1. Понятие и типы фреймов
- •7.2. Создание фреймов
- •8. Публикация Web-документов
- •9. Контрольные задания
- •Приложение
- •Коды цвета
- •Значения атрибутов align и valign
- •Литература
- •220086, Минск, ул. Славинского, 1, корп. 3.
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).