Создание абсолютной ссылки на Web-ресурс

Абсолютная гиперссылка – это ссылка на какой-либо внешний ресурс, не относящийся к данному web-сайту.

Добавьте в файл index.html следующий абзац со ссылкой:

<H2>Пример создания абсолютной ссылки</H2>

<p> Для примера можно посмотреть на поисковый сервер <a href = "http://www.rambler.ru"> Rambler</a></p>

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

<p> Для примера можно посмотреть на поисковый сервер <a href = "http://www.rambler.ru"> <img src = "fon.jpg"> </a> </p>

Обратите внимание! В данном примере название рисунка “fon.jpg” дано для примера. Вы должны указать имя реально существующего файла рисунка, предварительно скопировав его в туже папку, куда сохранены файлы данной лабораторной работы (index.html и list.html). В противном случае вам надо прописать полный путь к рисунку.

Создание внутренних ссылок в документе

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

Эта ссылка похожа на обычную относительную ссылку, только вместо адреса web-страницы издания гиперссылокБЮскопировав его в туже папку, где состоит знак #, за которым находиться единственное слово. Её необходимо разместить в конце документа. Для перехода по этой ссылке внутри документа необходимо создать именованный элемент привязки.

Создадим внутреннюю ссылку. Для этого необходимо заголовку станицы в файле index.html присвоить имя, например, так:

<a name="Nachalo"> <H1> Примеры создания гиперссылок </H1> </a>

Здесь Примеры создания гиперссылок – заголовок, на данной web-странице.

Чтобы перемещение по web-странице было более очевидно, необходимо вставить несколько рисунков после заголовка, или просто добавить много пустых строк, используя тег </br>.

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

<a href="#Nachalo"> Вверх </a>.

Содержание отчета

В качестве отчета необходимо предоставить полученные вами файлы index.html и list.html.