Поделиться
Практическая работа по теме Создание гиперссылок 8 кл.doc
Практическая работа по теме: «Создание гиперссылок»
Ссылки в HTML-программах
Гипертекстовым документом называется документ, содержащий ссылки на другие документы, позволяющие при помощи нажатия кнопки мыши быстро переходить от одного документа к другому, не задумываясь, где находится этот документ.
В качестве ссылки могут быть слова, рисунки, кнопки и др. На указателе нужно щелкнуть мышью, чтобы сделать переход по ссылке.
|
|
Назначение |
|
Формат |
Значения атрибутов |
||
|
Цвет ссылки |
|
|
<BODY LINK=”*”> |
См. значения цветов в практической ра- |
||
|
Цвет пройденной ссылки |
<BODY VLINK=”*”> |
|||||
|
боте № 2 |
||||||
|
Цвет активной ссылки |
<BODY ALINK=”*”> |
|||||
|
|
||||||
|
Ссылка на другую страни- |
<A HREF=”URL”> указатель |
Адрес относительный: |
||||
|
цу |
|
|
|
ссылки </A> |
. . . # . . . - имя файла в пределах данного |
|
|
href="" задает URL-адрес. |
|
компьютера плюс имя метки в пределах |
||||
|
Ссылка на закладку в дру- |
<A HREF=”URL #*”> указатель |
данного файла; |
||||
|
гом документе |
|
|
ссылки </A> |
Абсолютный адрес: |
||
|
Ссылка на закладку в том |
<AHREF=”#*”>указатель |
http: // www. ( . . . ) . ( . . . )/ - на WEB- |
||||
|
же документе |
|
|
ссылки </A> |
страницу, |
||
|
|
|
|
|
|
mailto: ( . . . ) @ ( . . . ) - на электронную |
|
|
|
|
|
|
|
почту — E-mail , |
|
|
|
|
|
|
|
news: ( . . . ) . ( . . . ) - на Newsgroup — |
|
|
|
|
|
|
|
группу новостей системы телеконфе- |
|
|
|
|
|
|
|
ренций UseNet, |
|
|
|
|
|
|
|
ftp: // ftp. ( . . . ) . ( . . . ) - на FTP-сайты |
|
|
|
|
|
|
|
системы хранения и передачи файлов, |
|
|
|
|
|
|
|
где хранятся новые программные про- |
|
|
|
|
|
|
|
дукты, гостевые файлы (FAQ) и т.д., |
|
|
|
|
|
|
|
goppher: // goppher. ( . . . ) . ( . . . )/ — на |
|
|
|
|
|
|
|
сайты системы Gopher, |
|
|
|
|
|
|
|
wais: // wais. ( . . . ) . ( . . . )/ — на WAIS- |
|
|
|
|
|
|
|
систему больших (распределенных) баз |
|
|
|
|
|
|
|
данных, |
|
|
|
|
|
|
|
telnet: // bbs.( . . . ) . ( . . . )/ — на Telnet- |
|
|
|
|
|
|
|
систему удаленных компьютеров; |
|
|
|
|
|
|
|
file: //( ... ):\( . . . ) . ( . . . ) — файл с диска |
|
|
|
|
|
|
|
данного компьютера; |
|
|
|
|
|
|
|
. . . ? . . . — URL-адрес плюс строка по- |
|
|
|
|
|
|
|
иска. |
|
|
Определение |
закладки |
<A NAME=”*”> </A> |
name="" — задает имя метки из симво- |
|||
|
метки |
внутри |
текущей |
|
лов латинского алфавита. |
||
|
HTML-программы. |
Этим |
|
|
|||
|
оператором метят |
место, |
|
|
|||
|
куда |
предполагается де- |
|
|
|||
|
лать переходы. Текст тега |
|
|
||||
в этом случае выводится на WEB-странице в место закладки.
Ссылки могут передаваться на файлы разных форматов:
|
документ HTML |
.html или .htm |
звуковой файл AIFF |
.aiff |
|
рисунок GIF |
.gif |
звуковой файл AU |
.au |
|
рисунок TIFF |
.tiff |
звуковой файл WAV |
.wav |
|
рисунок X Bitmap |
.xbm |
анимация QuickTime |
.mov |
|
рисунок JPEG |
.jpg (.jpeg) |
фильм MPEG |
.mpeg (.mpg) |
простой текст .txt файл PostScript .ps
Задание 1. Создание гиперссылок.
1. Создайте предложенный HTML-документ в виде многофайлового документа (где Файл1 — основной документ, Файл2 — вспомогательный файл, для картинки создана гиперссылка)
Файл 1
Хочешь узнать точное
время? Жми сюда!!!
Здесь должна быть
картинка часов
Файл 2
К сожалению, точного
времени я тоже
не знаю.
Часы остановились.
2. Сохраните изменения и просмотрите их с помощью браузера.
Задание 2. Создание гиперссылок.
1. Создайте HTML-документ следующего содержания:
В лесу родилась елочка.
В лесу она росла.
Зимой и летом стройная,
Зеленая была.
2. Добавьте гиперссылку, при нажатии на «елочка» можно перейти на следующий фрагмент:
И вот она нарядная
На праздник к нам пришла,
И много-много радости Детишкам принесла!
3. Отформатируйте по своему усмотрению цвета ссылок: пройденной и активной.
Сохраните изменения и просмотрите их с помощью браузера
Скачано с www.znanio.ru
Материалы на данной страницы взяты из открытых источников либо размещены пользователем в соответствии с договором-офертой сайта. Вы можете сообщить о нарушении.
