14114

ГИПЕРССЫЛКИ. Переход на другой Web-ресурс

Конспект урока

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

УРОК 5 ГИПЕРССЫЛКИ Webстраницы обычно содержат подсвечиваемые фрагменты текста или графические изображения называемые гиперссылками которые позволяют быстро переходить к другим страницам Web или другим объектам. Гиперссылки размещенные на Web странице как правило л...

Русский

2013-05-21

5.37 MB

5 чел.

УРОК 5

ГИПЕРССЫЛКИ

Web-страницы обычно содержат подсвечиваемые фрагменты текста или графические изображения, называемые гиперссылками, которые позволяют быстро переходить к другим страницам Web или другим объектам. Гиперссылки, размещенные на Web- странице, как правило, легко узнаваемы:

текстовые ссылки выделяются цветом и подчеркиванием, графические изображения  цветной рамкой;

мышиный курсор при наведении на ссылку превращается в «указующий перст»;

переход по ссылке осуществляется щелчком мыши по ней.

Цвет текста гиперссылок на Web-странице задается командой BODY с помощью атрибутов link (для еще не выбиравшихся ссылок), alink (для активной ссылки, выбранной в данный момент) и vlink (для уже посещенных ссылок).

В HTML-коде гиперссылка задается парой тегов <A>…</A> (В редакторе HomeSite этот тег вставляется выбором кнопки на панели инструментов Common). Обязательный атрибут тега <A>  href, его значением является адрес открываемого по щелчку объекта. Ссылка может указывать на другую страницу в пределах одного сайта, на другой объект той же страницы, на другой Web-ресурс.

Переход на другой Web-ресурс

При создании ссылки на другие ресурсы Интернета значением атрибута href является URL с абсолютным адресом страницы. Абсолютным называют адрес, содержащий полные сведения о местоположении страницы. Например:

Запись HTML-кода

Вид ссылки в окне браузера

<A href="http://liceum.secna.ru">Бийский лицей</A>

ссылка на сайт Бийского лицея

Бийский лицей

<A href="mailto:st1@liceum.secna.ru">Ильченко Олеся</A>

Ссылка на адрес электронной почты

Переход на другую страницу того же сайта

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

Например: <A href="page1.htm">Страница1</A>

Если файл, упомянутый в гиперссылке, расположен в подчиненном каталоге, адрес должен содержать имя каталога и файла страницы.

Например: <A href="parafgraph1/page1.htm">Страница1</A>

Переход по метке внутри документа

Крупные Web-страницы могут содержать собственное оглавление, элементы которого снабжены ссылками на соответствующие разделы страницы.

Для задания гипертекстового перехода внутри документа используют две команды <A>: первая команда с атрибутом href является источником перехода, вторая с атрибутом name — приемником.

Формат записи ссылки на метку: <A href=#метка>текст</A>.

Здесь:

# — ключевой символ;

метка — выбранное имя для метки;

текст — запись, которая будет выглядеть на экране браузера как ссылка.

Тег-метка должен устанавливаться перед фрагментом HTML-программы, на который выполнится переход. Формат объявления метки: <name=метка></A>.

Обратите внимание, что:

имя метки должно быть то же самое, что и в команде, задающей переход;

в окне браузера команда <A name=метка> ничего не выводит.

Например:

<A href="#БиоПетрарка">О жизни...</A>

<A href="#Книга песен">"Книга песен"</A>

<A href="#Влияние">Подражая Петрарке...</A>

Ссылки на разделы текущей страницы

<A name="Книга песен"></A>

В 1372 г. Петрарка завершает последнюю, девятую редакцию "Книги песен", ставшей его поэтической исповедью. В окончательном виде сборник включает 366 стихотворений.

Объявление одной из меток


Задание

Открыть в окне редактора HomeSite файл с загадками zagadki.htm.

html>

 <head>

   <META http-equiv="Content-Type" content="text/html; charset=windows-1251">

<title>Загадки</title>

 </head>

 <body>

   <h1 align="center">Загадки</h1>

<hr>

<pre>

      <font size="+3" color="#800000">

      РАСКОЛОЛСЯ ТЕСНЫЙ ДОМИК

      НА ДВЕ ПОЛОВИНКИ,                           

      И ПОСЫПАЛИСЬ ОТТУДА

      БУСИНКИ-ДРОБИНКИ.

      </font>

 <font size="+3" color="#333366">

    РЫЖАЯ ЛИСИЧКА,

    РОСТОМ НЕВЕЛИЧКА,

    СПРЯТАЛАСЬ В НОРУШКУ,

    ОСТАВИЛА МАКУШКУ.

 </font>

    <font size="+3" color="#800000">

       ОН В МУНДИРЕ ХОРОШ

       И РАЗДЕТЫЙ,

       А ЛЯЖЕТ В ЗОЛУ,

       ТО ВКУСНЕЙ ЕГО НЕТУ.

       </font>

 <font size="+3" color="#333366">

    КАК СЛИВА, ТЕМНА,

    КАК РЕПА, КРУГЛА,

    НА ГРЯДКЕ СИЛУ КОПИЛА,

    К ХОЗЯЙКЕ В БОРЩ УГОДИЛА.

 </font>

    <font size="+3" color="#800000">

       НАШЕЛ МАЛЬЧИК

       ЗЕЛЕНЫЙ КАФТАНЧИК,

       СТАЛ ПАНОМ&nbsp;&ndash;

       ОБЗАВЕЛСЯ КРАСНЫМ КАФТАНОМ.

       </font>  

 <font size="+3" color="#333366">

    ЛЕТОМ&nbsp;&ndash; СЛАДКИЙ И ЗЕЛЕНЫЙ,

    В ЗИМУ&nbsp;&ndash; ЖЕЛТЫЙ И СОЛЕНЫЙ,

 </font>

    <font size="+3" color="#800000">

       С ЛИСТЬЯМИ, А НЕ КНИЖКА,

       КРУГЛА, А НЕ ПЫШКА,

       С ВОДОЙ, А НЕ БОЛОТО,

       СКРИПИТ, А НЕ ВОРОТА.

       </font>  

   </pre>

</body>

</html>

Список загадок снабдить метками для организации перехода внутри документа.

Создать Web-страницу в файле otgadki.htm со списком отгадок (названий овощей). Каждый элемент списка должен быть объявлен ссылкой на соответствующую метку (загадку) в файле zagadki.htm;

Например: щелчок мыши по слову МОРКОВЬ открывает страницу с загадками, но не с начала, а с загадки про морковь.

 

Кроме названия овощей, на странице ОТГАДКИ вывести данные о себе, снабженные ссылками (почтовой  и на сайт Бийского лицея)

PAGE  1


EMBED PBrush  

EMBED PBrush  


 

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

70383. О хронологических показания Киевской летописи. Хронология событий киевского княжения Всеволода 96.5 KB
  Окончание неудачного вторжения Святослава Ольговича в переяславские владения Андрея Владимировича Лаврентьевская и родственные ей летописи датируют заоутра после битвы между их дружинами а затем добавляют: и на ту нощь загорѣсѧ городъ Переяславль.
70385. Совместимы ли русский национальный характер и модернизация? 1.54 MB
  Показано что детерминированные модели общественного развития базирующиеся на особенностях природной среды и историческом опыте народа имеют крайне ограниченное применение и объясняющую способность. Успенского до современных писателей подталкивают читателя к мысли что менталитет...
70388. Трудовой конфликт. Конгруэнтная эмпатия 118.31 KB
  Полностью согласен с экспертом в том что потенциальный трудовой конфликт начинается с момента подбора персонала. Как правило если нацеленного на конфликт проблемного сотрудника все же приняли руководствуясь тем что он очень понравился руководителю война начинается достаточно быстро.
70389. «Звезды» могут и гаснуть на время... 62 KB
  Личный опыт говорит о том что нельзя нанимать человека на работу руководствуясь симпатиями к нему со стороны руководителя. Любой руководитель который выбирает себе любимчиков рано или поздно понимает что такой подход неэффективен что он вредит бизнесу.
70390. А что вы будете делать, когда сотрудник перестанет вам нравиться? 76.76 KB
  А что вы будете делать когда сотрудник перестанет вам нравиться Начнем с фильтров которые ставит на момент собеседования специалист по персоналу. И наоборот: слишком строгий отсев может привести к тому что вы не увидите в массе песка золотую песчинку.