создай свой первый сайтСайт создан на сервисе Яндекс.НародСайт создан на сервисе Sites.GoogleСайт создан на сервисе ucozСайт создан на html/css


Гиперссылки: относительные и абсолютные.
Размещение гиперссылок на веб-странице

Гиперссылка (или "ссылка" в простонародье) - элемент (текст, картинка) документа, который используется для осуществления переходов с одной веб-страницы на другую.

Посмотрите на блок навигации, расположенный в левой части этой веб-страницы - это все гиперссылки.

Различают гиперссылки абсолютные и относительные.
В любом случае гиперссылка размещается между тегами <a>...</a>, адрес ссылки указывается как значение атрибута href (hypertext reference - гипертекстовая ссылка) и далее идет описание ссылки.

Абсолютные гиперссылки содержат полный адрес файла, например:

<a href="http://1sait.com/uchebnik_html/uchebnik_html.php">Учебник по html</a>
Учебник по html

В первой строке размещен весь код такой гиперссылки, а во второй видно как отображается ссылка в окне обозревателя (браузера)

Относительные гиперссылки содержат адрес относительно файла назначения (так называемой базы гиперссылки).

<a href="uchebnik_html.php">Учебник по html</a>
Учебник по html
Вторая строка в браузере выглядит также.

Так как страница, на которую размещена ссылка, находится в той же папке, что и страница, на которой эта ссылка размещена, то текст выглядит довольно просто. Если бы нужная страница находилась в папке на уровне выше, то выглядело бы это так:

<a href="../uchebnik_html.php">Учебник по html</a>

То есть, чтобы перейти в папку на уровень выше и найти в ней страницу uchebnik_html.php нужно добавить вначале ../

Если бы нужная страница находилась в папке files на уровне ниже:

<a href="files/uchebnik_html.php">Учебник по html</a>

Если нужно разместить ссылку на страницу, которая располагается в папке files, размещенной в папке на уровне выше, то ссылка будет выглядет следующим образом:

<a href="../files/uchebnik_html.php">Учебник по html</a>

Вначале, может, все это и выглядит непонятно, но попробуйте немного поэкспериментировать, например, в Блокноте, думаю, все постепенно получится.

Тут приведены примеры со ссылками на php-страницы, но разница для случая сайта на html будет только в расширениях файлов (так как все страницы будут с расширениями не php, а html).
<a href="../files/uchebnik_html.php">Учебник по html</a>
<a href="../files/uchebnik_html.html">Учебник по html</a>

Источник урока: 1sait.com