Занятие № 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