42564

Гиперссылки в HTML-документах

Лабораторная работа

Информатика, кибернетика и программирование

Гиперссылки в HTMLдокументах Шаблон элемента гиперссылки имеет вид: href= Адрес ссылки текст для щелчка отсылающий по адресу ссылки Каждый документ файл в Интернете имеет адрес называемый Универсальным указателем ресурсов uniform resource loctor URL Поэтому атрибут href элемента гиперссылки А задающий адрес ссылки в общем случае имеет шаблон: href= URL или href= Протокол: Адрес ссылки Ссылки к ресурсам Интернета по протоколу HTTP Атрибут href задающий адрес ссылки в случае обращения к WEBресурсу Интернета имеет шаблон: href=...

Русский

2013-10-30

36 KB

15 чел.

Лабораторная работа №5. Гиперссылки в HTML-документах

Шаблон элемента гиперссылки имеет вид:


<A href="Адрес ссылки"> текст для щелчка, отсылающий по адресу ссылки </A>

Каждый документ (файл) в Интернете имеет адрес, называемый Универсальным указателем ресурсов (uniform resource locator - URL)

Поэтому атрибут href элемента гиперссылки А, задающий адрес ссылки, в общем случае имеет шаблон:

href="URL"

или

href="Протокол://Адрес ссылки"

Ссылки к ресурсам Интернета по протоколу HTTP

Атрибут href, задающий адрес ссылки, в случае обращения к WEB-ресурсу Интернета имеет шаблон: href="http://Адрес ссылки"

Шаблон элемента гиперссылки:


<A href="http://Адрес ссылки">текст для щелчка</A>


Например, запись в символах HTML гиперссылки для входа в поисковую систему "
Google" может иметь вид:

Поисковая система <A href="http://www.google.com"> Google</A> 

Чтобы иметь возможность вернуться после посещения ресурса Интернета на свою страницу, с которой был осуществлен переход, этот ресурс можно открыть в новом окне с помощью включения в открывающий тег элемента A атрибута target со значением "_blank". Атрибут target со значением "_self" вызывает загрузку ресурса в то же окно, в котором была активизирована гиперссылка. Значение "_self" действует по умолчанию при отсутствии атрибута target в открывающем теге элемента гиперссылки.

Атрибут title предназначен для создания текста всплывающей подсказки, которая появляется в прямоугольном окне, если задержать указатель мыши над гиперссылкой на несколько секунд. Рекомендуется включать в этот текст, который называется заголовком ссылки, дополнительные сведения об информации, на которую указывает ссылка, а также название сайта, на который эта ссылка ведет (если это не текущий сайт) или название подраздела сайта, если ссылка не выходит за его пределы. Пользователь должен знать, что он получит еще до перехода по ссылке. В общем случае шаблон гиперссылки будет иметь вид:


<A href="http://Адрес ссылки" target="параметр" title="заголовок ссылки"> текст гиперссылки для щелчка</A>

Если загрузку ресурса нужно осуществить по протоколу FTP, в значении атрибута href указывается этот протокол href="ftp://...".

Ссылки к файлам на локальном диске

Если ссылка указывает на файл, который находится на локальном диске, значение атрибута href обязательно должно начинаться со слова file, то есть содержать указание на протокол:

href=file://Имя диска:\Путь к файлу

или
href="file:///Имя диска:/Путь к файлу"

По умолчанию используется ссылка на файлы текущего каталога (того, где расположена Web-страница). В этом случае просто указывается имя файла, например, рис1.gif; текст3.html.:

href="Имя файла.тип"

В остальном шаблон гиперссылки тот же.

Если в текущую папку вложена другая с необходимым файлом, шаблон атрибута href будет иметь вид:

href="Имя папки/Имя файла.тип"

Если папка с необходимым файлом находится на том же уровне вложения, что и текущая, шаблон гиперссылки имеет вид:

href="../Имя папки/Имя файла.тип"

Ссылки для перехода к определенной части страницы текущего документа

В том случае, когда используются переходы внутри текущей страницы, на ней должны быть расставлены метки или якоря. Для них предусмотрен элемент:

<A name="Метка">ключевое слово или заголовок раздела</A>

В качестве метки рекомендуется использовать короткий набор латинских букв. Шаблон гиперссылки для перехода к метке внутри текущей страницы:

<A href="#Метка"> текст для щелчка</A> 

Ссылки для перехода к определенной части другой страницы текущего документа

Для перехода к определенной части другой страницы текущего многостраничного, то есть состоящего из нескольких находящихся в одной директории файлов, документа шаблон элемента гиперссылки будет иметь вид:

<A href="Имя файла.html#Метка"> текст для щелчка</A>

Ссылки для перехода к определенной части страницы любого WEB-документа

В общем случае для перехода к определенной отмеченной якорем части некоторой страницы любого WEB-документа шаблон атрибута href будет иметь вид:

href="http://Адрес/Имя файла.html#Метка"

Шаблон элемента гиперссылки будет иметь вид:
<A href="http://Адрес/Имя файла.html#Метка"> текст для щелчка</A> 

Для возврата на текущую страницу можно использовать загрузку ресурса в новое окно с помощью атрибута target со значением "_blank". Такие гиперссылки используются в больших сайтах. Например, для перехода к определенной части страницы (файла) словаря на какую-то букву.

Использование рисунка вместо видимой части гиперссылки

Вместо текста ссылки может быть задано изображение. В качестве таких ссылок могут быть использованы любые виды изображений, рисунков и пиктограмм. При активизации щелчком мыши такого изображения-ссылки на экран выводится WEB-документ или определенное место документа, ссылкой на который служило это изображение.

Шаблон гиперссылки будет иметь вид:

<A href="Адрес ссылки">

<IMG src="Имя файла рисунка.тип">

</A>
Если файл рисунка находится не в той же директории, что и текущий документ или на другом диске, значение атрибута src должно быть равно полному адресу файла рисунка.

По умолчанию браузеры окружают ссылку-изображение рамкой синего цвета. После использования гиперссылки цвет изменяется. Необходимо задавать альтернативный текст, чтобы при отключении просмотра изображений можно было пользоваться ссылками.

Задание цвета ссылки

Цвет текста ссылки или рамки изображения-ссылки задается с помощью атрибутов тега BODY, управляющих цветом гипертекстовых ссылок:
link="Цвет" Цвет ссылки, неиспользованной посетителем страницы.


vlink="Цвет" Цвет ссылки, использованной посетителем страницы. Visited Link.


alink="Цвет" Цвет ссылки в момент активизации (щелчка мышью). Active Link.


Задание к лабораторной работе

Создать HTML-документ содержащий гиперссылки на предыдущие лабораторные работы, гиперссылки на документы в сети Интренет, а также применить использование ссылки для перехода к определенной части другой страницы текущего документа и использование рисунка вместо видимой части гиперссылки.


 

А также другие работы, которые могут Вас заинтересовать

45498. Магистрали 261 KB
  Основное достижение – это применение одного канала для передачи сигналов между различными источниками и приемниками. Основано на разделении передачи сигналов от разных источников по различным несущим частотам. Это связано с тем что пропускная способность составляет 25000 Гц и за счет этого в оптических каналах скорость передачи на порядок выше. Это связано с тем что после получения канала с аналоговой петли скорость передачи данных может быть увеличена в несколько раз поэтому для цифровых каналов связи применяется метод мультиплексирования...
45499. Коммутация 466 KB
  Для систем передачи используются три способа коммутации: коммутация сообщений; коммутация каналов; коммутация пакетов. При использовании коммутации каналов снижаются накладные расходы на передачу информации. При коммутации пакетов все сообщения разделяются на определенные пакеты. В отличие от коммутации каналов абонент не может монополизировать линию.
45500. Использование амплитудно-импульсной модуляции (АИМ) для построения систем передачи с временным разделением канала 311.5 KB
  При амплитудноимпульсной модуляции амплитуда периодической последовательности импульсов изменяется в соответствии с изменеием модулирующего сигнала. АИМ1 – амплитуда импульсов пропорциональна амплитуде моделирующего сигнала. При преобразовании: частота дискретизации; скважность – определяет количество времени свободное для передачи сигнала. Для простоты моделирующее колебание представляется: Для амплитудномоделирующей последовательности выражение: показывает глубину модуляции после преобразования получим ряд: Из данного...
45501. Использование широкоимпульсной модуляции (ШИМ) для построения систем передачи с временным разделением канала 299 KB
  Использование фазовоимпульсной модуляции ФИМ для построения систем передачи с временным разделением каналов. ФИМ является более помехоустойчивым видом модуляции чем ШИМ и АИМ. При ФИМ используется следующий моделирующий сигнал: В этом случае основным определяющим элементом является величина фазового сдвига которая определяется по следующей формуле: ∆τmx – максимальный временной сдвиг между импульсами: ∆τmx=MФИМUmx MФИМ – коэффициент глубины модуляции. Модуляция фазы импульсов определяется в соответствии со следующим...
45502. CASE-средства. Общая характеристика и классификация 51 KB
  Общая характеристика и классификация Современные CSEсредства охватывают обширную область поддержки многочисленных технологий проектирования ИС: от простых средств анализа и документирования до полномасштабных средств автоматизации покрывающих весь жизненный цикл ПО. Наиболее трудоемкими этапами разработки ИС являются этапы анализа и проектирования в процессе которых CSEсредства обеспечивают качество принимаемых технических решений и подготовку проектной документации. Графические средства моделирования предметной области позволяют...
45503. Типизация проектных решений АСОИУ. Использование коробочных продуктов и адаптируемых интегрированных систем. Подходы к созданию автоматизированной системы 58 KB
  Подходы к созданию автоматизированной системы В настоящее время существуют различные подходs к построению АСОИП отличающиеся признаками положенными в основу классификации. Полученная таким образом схема классификации подходов к построению АСОИП приведена на рис. В соответствии с этой схемой при выборе подхода к построению АСОИП решается вопрос о возможности использования существующих на рынке тиражируемых систем или необходимости создавать уникальную систему полностью ориентированную только на задачи конкретного предприятия. Подходы к...
45504. Графические средства представления проектных решений АСОИУ (IDEF, DFD, UML, ERD и т.п.) 36 KB
  DFD диаграммы потоков данных являются основным средством моделирования функциональных требований к проектируемой системе. Первый шаг моделирования – извлечение информации из интервью и выделение сущностей. Второй шаг моделирования – идентификация связей. Язык UML находится в процессе стандартизации проводимом OMG – организацией по стандартизации в области ОО методов и технологий в настоящее время принят в качестве стандартного языка моделирования и получил широкую поддержку в индустрии ПО.
45505. Анализ и оценка производительности АСОИУ 23 KB
  В основе такой оценки лежит понятие производительности. Есть 2 показателя производительности процессов по чистому времени: показатель производительности процессоров на операциях с данными целочисленного типа MIPS – отношение числа команд в программе к времени ее выполнения показатель производительности процессоров на операциях с данными вещественного типа при все кажущейся простоте критерия оценки чем MIPS тем быстрее выполняется программа его использование затруднено вследствие нескольких причин: процессоры разной архитектуры...
45506. Общая характеристика процесса проектирования АСОИУ. Цели и этапы разработки консалтинговых проектов 41 KB
  Проект проектноконструкторская и технологическая документация в которой представлено описание проектных решений по созданию и эксплуатации системы в конкретной программнотехнической среде. Проектирование системы процесс преобразования входной информации об объекте проектирования о методах проектирования и об опыте проектирования объектов аналогичного назначения в соответствии с ГОСТом в проект АСОИУ. Проектирование АСОИУ сводится к последовательной формализации проектных решений на различных стадиях жизненного цикла системы....