Занятие № 6. Гиперссылки в HTML- документе.

· Гипертекст – документ, содержащий ссылки на другие документы. Информация, подготовленная в виде гипертекста, это электронная информация, и работать с ней можно только на компьютере. Чаще ссылка выделяется на фоне экрана монитора с помощью изменения цвета и подчеркивания. Это гиперссылка или гиперсвязь. Гиперссылка – это выделенный объект, связанный с другим файлом и реагирующий на щелчок мыши. Гипертекст связывает множество документов с помощью гиперссылок. На занятие будут рассмотрены способы создания гиперссылок на документы локального компьютера.

· Гиперссылка с одного файла на другой.
Для того, чтобы броузер загрузил в свое окно новый html-документ (файл), нужно записать ссылку при помощи тега <A> с атрибутом href=имя_файла:
<A href=имя_файла>текст или рисунок</A> Задание перехода к

новому документу.

· Гиперссылка внутри одного файла.
Для задания гипертекстового перехода внутри документа используют два тега <A>. Первая команда с атрибутом href является источником перехода, а вторая с атрибутом name – приемником:
<A href=#метка> текст или рисунок </A> Задание перехода

по метке
На экран выводится ссылка.

<A name=метка></A> Метка. Сюда броузер

переходит по ссылке.
На экране ничего
не отображается.

Метка – набор символов (латинских букв и (или) цифр).

· Рисунок как гиперссылка:
<A href=имя_файла1> <IMG src=имя_файла width=число height=число> </A>

· Текст как гиперссылка:
<A href=имя_файла>текст</A>

· Задание:

a. Скопировать в рабочую папку html-файлы с текстами (avia.html, avto.html, flot.html, geldor.html – см. Приложение).

b. Скопировать в рабочую папку файлы с изображениями – см. Приложение.

c. Создать html-документ, состоящий из четырех картинок-ссылок на текстовые файлы, картинки расположены в таблице по две картинки в два ряда. Документ сохранить под именем index6.html в рабочей папке.

d. В файлах-текстах создать ссылки с конца документа на начало этого же документа, а также ссылки на основной html-документ. Сохранить обновленные файлы с текстами в рабочей папке.

e. Просмотреть результат работы в обозревателе Internet Explorer.

· Отформатировать файлы с текстами, используя изученные на предыдущих уроках приемы оформления шрифта и фона.

Оглавление

Занятие № 1. Создание первого HTML-документа. 2

Занятие № 2. Физическое форматирование
(форматирование шрифта) 3

Занятие № 3. Использование списков
при оформлении текстов. 4

Занятие № 4. Оформление таблиц в HTML-документе. 6

Занятие № 5. Графика в HTML- документе. 7

Занятие № 6. Гиперссылки в HTML- документе. 8

Не нашли, что искали? Воспользуйтесь поиском: