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  


 

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

36948. Мова програмування Matlab / Simulink 20.48 KB
  Скласти программу-функцію Matlab/Simulink для розв’язання задачі обробки одновимірного масиву у загальному вигляді, а обчислення на комп’ютері виконати для конкретних даних згідно з варіантом. Cформувати масив W з елементів масиву V, що задовольняють умову
36949. Використання засобів MathCAD, MS Excel для формування послідовностей випадкових чисел 56 KB
  Київ 2011 Лабораторна робота №4 Тема: Використання засобів MthCD MS Exсel для формування послідовностей випадкових чисел. Мета: ознайомитися з основними видами розподілів випадкових чисел основними інструментами що використовуються при формування послідовностей випадкових чисел розглянути реалізацію методів формування цих послідовностей за допомогою різних інструментальних засобів MthCD Excel. Теоретична довідка У табличному процесорі Excel для формування послідовності випадкових чисел використовується...
36950. Побудова графіків в Matlab / Simulink 233.79 KB
  Висновок: під час лабораторної роботи я вивчив графічні можливості СКМ Matlab/Simulink.
36951. Вивчення універсального вимірювача Е7-11 при вимірюваннях індуктивності, ємності, опору, тангенса кута втрат й добротності елементів 378 KB
  Мета: Навчитись вимірювати індуктивність, ємність, опір, тангенса кута втрат й добротність елементів універсальним вимірювачем Е7-11.
36952. Проектування та створення баз даних у СУБД MS Access**. Створення табличних об’єктів засобами конструктора 858.5 KB
  Таблиці СУБД нормалізовані. Нормалізація процес видалення з таблиць даних що повторюються шляхом перенесення їх у інші таблиці записи яких не містять значень що дублюються. Структура реляційної таблиці визначається складом полів. Вміст поля подається у стовпці таблиці.
36953. Проведенння приймального суцільного контролю якості продукції 366.5 KB
  Підготувати прилад В7І6 до роботи і провести вимірювання опору резисторів на різких діапазонах. Підготувати прилад МО62 до роботи і провести вимірювання опору резисторів. 3 призначений для забезпечення високого вхідного опору приладу і перетворення величини вимірюваного опору в напругу. Перший каскад коефіцієнт підсилення якого дорівнює одиниці призначений для перетворення вимірюваного опору в напругу із цією метою на його виході автоматично.
36954. СУБД MS Access**. Сортування, пошук та відбір записів у таблиці. Конструювання запитів 1.34 MB
  Звичайний фільтр викликається послідовністю команд Записи Фильтр Изменить фильтр. Розширений Записи Фильтр Расширенный фильтр. Записи формуються шляхом обєднання записів таблиць що використовуються у запиті. Умови відбору сформульовані у запиті дозволяють фільтрувати записи що складають результат обєднання таблиць.
36955. Дослідження активних фільтрів на операційних підсилювачах у середовищі Electronics Workbench 95 KB
  Розрахувати номінали елементів наступних кіл: Примітка: для кожної зі схем доцільно обрати Ф а решту елементів розрахувати виходячи з вимог завдання варіанту; а ФНЧ першого порядку на неінвертуючій ланці з частотою зрізу і коефіцієнтом підсилення ; б ФВЧ першого порядку на неінвертуючій ланці з частотою зрізу і коефіцієнтом підсилення ; в ФНЧ другого порядку на неінвертуючій ланці з частотою зрізу і коефіцієнтом підсилення ; г ФВЧ другого порядку на неінвертуючій ланці з частотою зрізу і коефіцієнтом підсилення ; д СФ на...