Ну как, вставил фото себя любимого в свой мегакулпортал, - ай молодца, значит рулим далее к ССЫЛКАМ между пагами... Напомню там мы изучали графику в HTML.  

<теория>

Ссылка создается тэгом <A>ссылка</A>

 Внутренние ссылки.

Допустим, ваш сайт имеет следующую структуру каталогов:

folder1
       |
       file.htm
folder2
       |
       file.htm
... index.htm

Чтобы задать ссылку на документ file.htm, находящийся в папке folder1 из документа index.htm, следует указать:
<a href="folder1/file.htm">ссылка на folder1/file.htm</a>

Чтобы задать ссылку на документ file.htm, находящийся в папке folder2 из документа index.htm, и сделать так, чтобы он открылся в новом окне браузера, следует указать:
<a href="folder2/file.htm" target="_blank">ссылка на folder2/file.htm</a>

Чтобы задать ссылку из документа file.htm, находящегося в папке folder1 на документ index.htm, следует указать:

<a href="../index.htm">ссылка на index.htm</a>< /FONT>

В этом случае команда ../ указывает серверу перейти вниз-в родительский, относительно текущего, каталог. Соответственно, команда ../../ укажет серверу совершить два перехода вниз.

Чтобы задать ссылку на документ file.htm, находящийся в папке folder2 из документа file.htm, находящегося в папке folder1, следует указать:
<a href="../folder2/file.htm">ссылка на folder2/file.htm из folder1/file.htm</a>

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

В случае если у вас имеется большой по объему документ, то для навигации по нему бывает удобно указать ссылки внутри этого документа.
Например, ваш документ содержит три главы с оглавлением вначале.

<!-- оглавление -->
<a href="#chapter1">Первая глава</a>
<a href="#chapter1">Вторая глава</a>
<a href="#chapter1">Третья глава</a>

<!-- текст -->
<p><a name="chapter1">Первая глава</a>
. . .
Содержимое первой главы
. . .
<p><a name="chapter2">Вторая глава</a>
. . .
Содержимое второй главы
. . .
<p><a name="chapter3">Третья глава</a>
. . .
Содержимое третьей главы

В этом случае, тэгом name мы задаем имя для каждой главы (chapter1, chapter2, chapter3), и ссылаемся на эти имена в начале документа. Когда посетитель щелкает мышью на ссылку, браузер автоматически прокручивает страницу на то место, где расположено соответстующее этой ссылке имя.

Внешние ссылки.

Для задания внешней ссылки, атрибуту href задается протокол, путь.
<a href="протокол://путь/>

<практика>

[шаг 1. как и в предыдущих уроках...откройте обычный блокнот и т.д ...]

[шаг 2. скопируйте код и сохраните его как в предыдущих занятиях, в полученном документе Вы увидите 2а вида сылок: графическую и обычную ссылки, в нижеприведённом коде подробно в коментариях описаны и определены наши ссылки]