Практическая работа № S4
«Ссылка на другие страницы»
При путешествии по Всемирной паутине щелчком мыши можно быстро и легко переходить от одного документа к другому вне зависимости от того, где реально расположена нужная Web-страница. Данная возможность, во многом благодаря которой Интернет обязан своей феноменальной популярности, обеспечивается гипертекстовыми ссылками.
Ссылка состоит из двух частей: указателя и адресной части. Указатель ссылки связан с ее представлением на Web-странице. Указателем ссылки может быть фрагмент текста или изображение. Указатель ссылки обычно выделяется цветом. При подведении к ссылки указатель мыши принимает вид ?. Адресная часть ссылки содержит имя документа на который указывает ссылка, или его электронный адрес для загрузки из Интернета.
1. Сначала откройте Ваш основной HTML-документ (файл index.html из Вашей папки).
2. Создайте текстовую ссылку, в которой указателем будет слово на Вашей Web-странице, а адресной частью – имя созданного документа tabl.html
3. Замените слово таблица на HTML-код со ссылкой на tabl.html (!!! Адресная часть заключена в кавычки, так как некоторые браузере могут ее некорректно обрабатывать без кавычек !!!):
<A HREF=”tabl.html“> таблица </A>
4. Теперь проверим работу со ссылкой в браузере. Для этого сохраним измененный документ и запустим его в браузере.
5. В окне браузера появится созданная Web-страница, в которой слово таблица выделено. Это означает, что данное слово указывает на ссылку. Подведите указатель мыши к ссылке таблица. Указатель мыши изменится на ?. Щелкните мышью на ссылке. В окне браузера появится Web-страница с таблицей «Список учащихся 10А класса»
6. Теперь вставим ссылку, в которой указателем будет рисунок, а адресной частью – снова имя ???? Для этого добавим пару тегов:
< A HREF=”tabl.html“> <IMG SCR= имя_графического_файла BORDER=1> </A>
Следует отметить, что Вы можете установить нужный цвет указателя ссылки в теге <BODY>. Атрибут LINK – определяет цвет не просмотренной ссылки , VLINK - просмотренной ссылки, ALINK – задает цвет ссылки в момент, когда на ней установлен указатель мыши и нажата левая кнопка.
Цвет указывается шестнадцатеричным числом, имеющим структуру RGB: первый байт отвечает за интенсивность красного цвета (RED); второй байт – за интенсивность зеленого цвета (GREEN); третий байт– за интенсивность синего цвета (BLUE). [3F16 – минимальная интенсивность, FF16 - максимальная].
7. Поэкспериментируйте с кодами цветов ссылки и самостоятельно внесите необходимые изменения в HTML-код.
8. Покажите полученный результат преподавателю.