Задание 10 Вставка гиперссылок

Гиперссылки на Web-страницах

Для создания гиперсвязей между титульной страницей и другими страницами сайта необходимо, прежде всего, создать заголовки Web-страниц. Такие пустые страницы должны иметь заголовок, но могут пока не иметь содержания. Все создаваемые страницы необходимо сохранить в виде файлов в папке сайта.

Гиперссылка состоит из двух частей: указателя ссылки и адресной части ссылки.

Указатель ссылки - это то, что мы видим на Web-странице (текст или рисунок).

Адресная часть гиперссылки представляет собой URL-адрес документа, на который указывает ссылка.

Для указания адреса перехода гиперссылки используем тег <a> </a> с атрибутом HREF, значением которого является адрес документа на локальном компьютере или в интернете.

<A HREF="адрес документа"> Указатель гиперссылки </A>

Задание:

1. Создайте на рабочем столе папку Стихотворения.

2. В этой папке создайте следующие web-страницы:

Stih1.html

Железная дорога

I

Славная осень! Здоровый, ядреный
Воздух усталые силы бодрит;
Лед неокрепший на речке студеной
Словно как тающий сахар лежит;
Около леса, как в мягкой постели,
Выспаться можно — покой и простор!
Листья поблекнуть еще не успели,
Желты и свежи лежат, как ковер.
Славная осень! Морозные ночи,
Ясные, тихие дни...
Нет безобразья в природе! И кочи,
И моховые болота, и пни —
Всё хорошо под сиянием лунным,
Всюду родимую Русь узнаю...
Быстро лечу я по рельсам чугунным,
Думаю думу свою...

Stih2.html

Мать

Она была исполнена печали,
И между тем, как шумны и резвы
Три отрока вокруг нее играли,
Ее уста задумчиво шептали:
"Несчастные! зачем родились вы?
Пойдете вы дорогою прямою
И вам судьбы своей не избежать!"
Не омрачай веселья их тоскою,
Не плачь над ними, мученица-мать!
Но говори им с молодости ранней:
Есть времена, есть целые века,
В которые нет ничего желанней,
Прекраснее - тернового венка...

(1868)

3. Создайте в этой папке главную страницу index.html

На этой странице создадим панель навигации в виде маркированного списка

<html>

<body>

<h1> Стихотворения Некрасова Н.А.

<ul type=square>

<li> <a href="Stih1.html"> Железная дорога </a>

<li> <a href="Stih2.html"> Мать </a>

</body>

</html>

4. Создайте следующие гиперсвязи:

  • переход со страницы Stih1.html на страницу index.html
  • переход со страницы Stih2.html на страницу index.html

5. Заархивируйте свою папку, сдайте на проверку учителю.