Разработка и публикация web-страниц. Основные команды языка HTML по созданию Web-страниц, страница 4

Пример ссылки на электронную почту:

<А HREF="mailto:editors@cpress.msk.by>Ждем Ваш отзыв</А>

В данном примере фраза «Ждем Ваш отзыв» является ссылкой для отправки электронной почты по адресу editors@cpress.msk.by. При активизации такой ссылки браузер открывает специальное окно, в котором можно ввести тег электронного послания по адресу, указанному после mailto.

·  ссылка внутри страницы. Ссылки могут использоваться и для перемещения на заданную позицию документа. Предположим, что нужно создать ссылку из документа chapter1.htm на раздел 2 документа chapter2.htm, который начинается с позиции, обозначенной закладкой ch2.

Чтобы создать ссылку внутри страницы, необходимо:

a)  создать закладку (метку) ch2 в документе chapter2.htm:

<А NAME="ch2">ссылка </А>

b)  создать ссылку на закладку ch2 из документа chapter1.htm, указывая не только имя файла, но и имя закладки, разделив их символом «#»:

<A HREF ="chapter2.htm#ch2">Более подробно см. главу 2</А>.

В этом случае текст "Более подробно см. главу 2" является ссылкой на раздел 2 в документе chapter2.htm.

Для организации ссылок внутри одного и того же документа используется тот же подход, но в адресе ссылки не указывается имя файла.

Пример организации ссылки на заданную позицию внутри одного документа:

<A HREF="#ch1> См. раздел 1 в этой главе </А>.

Задания для лабораторной работы

Задание 1.  Средствами приложения Блокнот создайте HTML-документ, при просмотре которого в браузере в строке заголовка окна отображается текст «Фамилия, группа, курс», в основной области ─ текст «Название темы проекта». Сохраните документ с именем Tema с расширением htm в личной папкеPrimer1. Просмотрите его в браузере Internet Explorer.

Задание 2.  Создайте HTML-документ со следующими типами списков:

·  нумерованный с содержанием разделов проекта;

·  маркированный с содержанием параграфов раздела 4 проекта.

Сохраните документ с именем Soderganie с расширением htm в личной папкеPrimer1. Просмотрите его в браузере.

Задание 3.  Создайте HTML-документ с графическим изображением. Сохраните документ под именем Picture.htm в своей папкеPrimer1. Установите следующие параметры вставки изображения:

·  размер рисунка 300х250 пикселей;

·  размер вертикальных и горизонтальных пустых полей вокруг рисунка – 100 пикселей;

·  обрамление рисунка рамкой в 5 пунктов.

Просмотрите созданный документ в браузере, с отображением графики и без нее. Вставьте в документ еще два изображения  с другими параметрами.

Примечание. Для отключения/включения отображение графики в приложении Internet Explorer служит команда Сервис►Свойства обозревателя►вкладка Дополнительно►флажок Отображать рисунки.

Задание 4.  Создайте новый документ Chast1.htm, куда поместите содержание первого раздела проекта. Установите параметры страницы (фон, цвет текста).

Задание 5.  Создайте гиперссылку из файла Soderganie на документ Chast1.htm. Установите параметры цвета ссылок (непосещенных, активных, посещенных). Сохраните документSoderganie.htm. Просмотрите его в браузере. Перейдите по ссылке.

Задание 6.  Создайте новый документ Predpriyatie.htm, куда поместите название Вашего предприятия и опишите виды его деятельности.

Задание 7.  Один из рисунков файла Picture.htm преобразуйте в графическую гиперссылку на документ Predpriyatie.htm. Просмотрите документ Picture.htm в браузере. Перейдите по ссылке.

Задание 8.  Вставить бегущую строку в файл Tema. Установите следующие параметры строки:

·  ширина поля бегущей строки – 90 % экрана, высота – 90 пикселей;

·  фон поля цвета морской волны;

·  направление движение текста справа налево;

·  шрифт размером 7 пт розового цвета (код #FF00CC);

Задание 9.  Убедитесь в работоспособности всех Web-компонентов созданных страниц. Продемонстрируйте преподавателю их работу в браузере.