Практическая работа № 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. Покажите полученный результат преподавателю.