14114

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

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

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

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

Русский

2013-05-21

5.37 MB

7 чел.

УРОК 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  


 

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

79621. МОГУЩЕСТВО ЮРИДИЧЕСКОЙ НАУКИ РОССИЙСКОЙ ПРИРАСТАТЬ БУДЕТ…СИБИРЬЮ?! 40.5 KB
  Что касается иркутской конференции, то сразу оговоримся, что в рамках данной статьи мы не будем говорить о ней, поскольку сама эта тема заслуживает отдельной статьи. Напомним также, что такие конференции проводятся в Юридическом институте Иркутского государственного университета уже давно...
79622. КРИМИНАЛЬНАЯ КУЛЬТУРОЛОГИЯ. ЧАСТЬ 1. МАСС-МЕДИА 196 KB
  Неоднократно высказывавшееся положение о том что средства массовой информации в результате переноса информации оказывают широкий спектр общего воздействия на ее получателей дают возможность для их подробного криминологического исследования.
79623. К ВОПРОСУ О МЕТОДИКЕ ПРЕПОДАВАНИЯ КРИМИНОЛОГИИ: СТУДЕНЧЕСКИЙ ОПЫТ– 4 117 KB
  Основными участниками игры, как Вы поняли, стали три команды — «соперницы» (с одной стороны, бюджетное отделение, с другой стороны, коммерческое отделение, представленное в этом году сразу двумя командами). Были проведены многочисленные репетиции.
79624. ИСТОРИЧЕСКИЕ И СОЦИАЛЬНЫЕ ПРЕДПОСЫЛКИ ИЗУЧЕНИЯ ПРЕСТУПНОСТИ КРУПНОГО ГОРОДА ВОСТОЧНОЙ СИБИРИ 161.5 KB
  Иркутская область являясь субъектом Российской федерации входит в состав Восточно-Сибирского района. Имея 22 города в том числе 5 городов с населением свыше 100 тысяч человек большое количество поселков городского типа и население численностью 28 млн.
79625. ЗАМЕТКИ О РАЗВИТИИ ПРЕДМЕТНЫХ ДЕЙСТВИЙ В РАННЕМ ДЕТСТВЕ 81 KB
  Исследованию психологических механизмов возникновения предметных действий у детей в истории детской психологии не очень повезло. Несмотря на чрезвычайную теоретическую и практическую значимость этой проблемы, ее изучение только начинается.
79626. К ПРОБЛЕМЕ ПЕРИОДИЗАЦИИ ПСИХИЧЕСКОГО РАЗВИТИЯ В ДЕТСКОМ ВОЗРАСТЕ 167 KB
  Проблема периодизации психического развития в детском возрасте является фундаментальной проблемой детской психологии. Ее разработка имеет важное теоретическое значение поскольку через определение периодов психического развития и через выявление закономерностей переходов от одного периода...
79627. РАЗВИТИЕ ГОСУДАРСТВЕННО-ПРАВОВЫХ РЕФОРМ В СТРАНАХ, ОБРАЗОВАВШИХСЯ НА ОСНОВЕ РАСПАДА СОЮЗА СОВЕТСКИХ СОЦИАЛИСТИЧЕСКИХ РЕСПУБЛИК: КЛАССИФИКАЦИОННЫЙ ПОДХОД 82 KB
  Одним из его наиболее значимых признаков является верховенство Конституции и законов на всей территории государства. Так например можно обозначить время принятия конституции после образования государства динамику становления национальной системы права направленность конституционных реформ...
79628. ОБЩАЯ ХАРАКТЕРИСТИКА НЕКОТОРЫХ ОСОБЕННОСТЕЙ ГОСУДАРСТВЕННО-ПРАВОВОГО СТРОИТЕЛЬСТВА В КОРЕЙСКОЙ НАРОДНОЙ ДЕМОКРАТИЧЕСКОЙ РЕСПУБЛИКЕ 145.5 KB
  На волне возросшего интереса к Корее появилось вместе с тем немало весьма поверхностных работ, в которых содержаться конъюнктурные оценки, и прослеживается позиция западных исследователей. В них обосновывалась неизбежность свертывания политических, экономических и военных отношений России...
79629. ГОСУДАРСТВО И МЕСТНОЕ САМОУПРАВЛЕНИЕ В ЗАРУБЕЖНЫХ СТРАНАХ: ОТДЕЛЬНЫЕ АСПЕКТЫ ИЗ ВЗАИМООТНОШЕНИЙ 84 KB
  Тем самым, идея местного самоуправления в зарубежных государствах, зародившись и развиваясь теоретически, практически смогла воплотиться лишь в период буржуазных революций. Возможным объяснением этого может явиться то, что « само становление же местного самоуправления было связано с процессами перехода...