- •Оглавление
- •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.
5.2. Заголовки и форматирование таблиц
Для создания заголовка таблицы используется парный тег:
<CAPTION> Заголовок таблицы </CAPTION>.
Этот тег формирует заголовок, связанный с таблицей. По умолчанию за-головок выравнивается по центру таблицы. Чтобы изменить тип вырав-нивания, нужно атрибуту ALIGN данного тега присвоить соответствующее значение: LEFT (выравнивание по левому краю таблицы) или RIGHT (выравнивание по правому краю таблицы). Атрибуту ALIGN также можно присвоить значение BOTTOM. В этом случае название появится под таблицей.
Запишем фрагмент HTML-кода, позволяющего создать таблицу с за-головком и выравниванием всех элементов по центру:
<TABLE ALIGN = "CENTER" BORDER = "5">
<CAPTION> Прайс-лист товаров </CAPTION>
<TR>
<TH> Товар </TH> <TH> Цена </TH>
</TR>
<TR>
<TD ALIGN = "CENTER"> Ручка </TD>
<TD ALIGN = "CENTER"> 2.5 </TD>
</TR>
<TR>
<TD ALIGN = "CENTER"> Тетрадь </TD>
<TD ALIGN = "CENTER"> 1.8 </TD>
</TR>
</TABLE >
Таблица с заголовком, соответствующая приведенному коду, показана на рис. 5.2.
Рис. 5.2. Таблица с заголовком
6. Гиперссылки
6.1. Назначение и виды гиперссылок
Гиперссылкой называется особым образом отформатированный текст или графическое изображение, содержащие скрытый адрес дру-гого ресурса (документа) во всемирной паутине. С помощью гиперссылок осуществляется динамическое связывание документов, находящихся в разных файлах и на разных компьютерах глобальной сети «Интернет». Щелчок по гиперссылке вызывает переход к заданному документу.
Гиперссылки создаются с помощью парного тега <A>…</A>. Структура тега для создания гиперссылки имеет вид:
<A HREF="Адрес">Гиперссылка</A>.
Здесь Адрес, назначаемый атрибуту HREF, определяет адрес документа или части документа, к которым осуществляется переход при щелчке по гиперссылке.
Гиперссылки бывают двух видов:
-
текстовые (абзац, предложение, слово или символ);
-
графические (рисунок, фотография и другие изображения).
Текстовые гиперссылки по умолчанию выделяются синим цветом текста и подчёркиванием. После посещения документа по гиперссылке цвет текста меняется на фиолетовый (если не определён другой цвет при создании страницы). В браузере Internet Explorer графические гиперссылки выделяются цветной рамкой (по умолчанию – синей).
Указатель мыши при наведении на гиперссылку принимает вид руки (рис. 6.1).
Графическая
гиперссылка
Указатель
мыши
Текстовые
гиперссылки
Рис. 6.1. Гиперссылки на Web-странице
6.2. Гиперссылки на другие Web-страницы
Рассмотрим оформление гиперссылок для перехода между страни-цами одного Web-сайта. Пусть Web-сайт состоит из трёх страниц, одна из которых называется главной, или домашней, страницей. Главная страница хранится в файле index.html. Файлы остальных страниц именуются Второй.html и Третий.html. Будем полагать, что все три файла хранятся в одной папке. Запишем программный код для перехода по гиперссылкам с главной страницы на вторую и третью:
<HTML>
<HEAD>
<TITLE> Главная страница сайта </TITLE>
</HEAD>
<BODY>
<H3>Содержание Web-сайта</H3>
<P>
<A HREF="Второй.html"> Вторая страница сайта </A>
</P>
<P>
<A HREF="Третий.html"> Третья страница сайта </A>
</P>
</BODY>
</HTML>
Главная страница сайта, соответствующая приведенному коду, пока-зана на рис. 6.2.
Рис. 6.2. Главная страница сайта
Здесь подчёркнутые предложения являются гипертекстовыми ссылками на вторую и третью страницы Web-сайта.
Для возврата со второй страницы на главную необходимо в HTML-коде файла Второй.html записать следующий тег:
<A HREF="index.html"> СОДЕРЖАНИЕ САЙТА </A>.
Предложение СОДЕРЖАНИЕ САЙТА является гиперссылкой для возврата на главную страницу (index.html).
Если страницы сайта расположены в разных папках, то указывается относительный путь к файлу нужной Web-страницы. Пусть в папке САЙТ находятся файл главной страницы (index.html) и папка ПРИРОДА. Файл второй страницы (Второй.html) хранится в папке ПРИРОДА. Тогда тег формирования гиперссылки для перехода с главной страницы на вторую запишется в виде:
<A HREF="ПРИРОДА\Второй.html"> Вторая страница сайта </A>.
Для перехода к Web-странице, находящейся в глобальной сети «Интернет», атрибуту HREF присваивается URL-адрес искомой страницы:
<A HREF="URL-адрес"> Гиперссылка </A>.
Так, например, если мы хотим перейти на главную страницу белорусского портала TUT.BY, то следует записать:
<A HREF="http://www.tut.by"> Белорусский портал TUT.BY </A>.
Здесь предложение Белорусский портал TUT.BY является гипер-текстовой ссылкой.
Для перехода на Web-сайт Частного института управления и предпринимательства (ЧИУП) гиперссылку необходимо записать в виде:
<A HREF="http://www.imb.by"> ЧИУП </A>.