HTML

Ссылки

Что такое ссылки (точнее, гиперссылки), объяснять не нужно - на эту страницу вы как раз по такой ссылке и попали. Гиперссылка создается тэгом <a href=...>, вместо многоточия вписывается адрес страницы, на которую посылают читателя, потом прописывется текст ссылки и ссылка закрывается с помощью </a>. Ну, короче, пример:

<HTML>
<head>
</head>
<body>
<a href=newpage.html>Переход на новую страницу</a>
</body>
</HTML>

Конструкция гиперссылки понятна? Попробуем скопировать текст, сохранить его в виде html-файла и открыть WEB-обозревательом. Результат - страница не найдена. Все правильно - ее и на самом деле нет, потому, что мы ее не создали. Берем следующий текст:

<HTML>
<head>
</head>
<body>
А это и есть новая страница.<a href=example23.html> Вернуться назад</a>
</body>
</HTML>

и сохраняем его под именем newpage.html в ту же папку, где лежит последний пример.

Теперь все работает так? Страница, на которую ссылается наша гиперссылка, находится в той же папке. Если бы она находилась в папке этажом ниже, т.е. в папке, вложенную в 'www', адрес пришлось бы записать так: href=имя_папки/newpage.html, а если этажом выше (в папке start) - то так: href=./newpage.html. Ну, а если страница находится где-то на просторах Интернета, то ее адрес пишется полностью, например: href=http://masm-inf.narod.ru/index.html

Цвет ссылки можно поменять. При этом нужно учитывать, что у ссылки есть три основных состояния - исходная ссылка, активная и посещенная (по которой, в смысле, прошлись). Этим состояниям соответствуют атрибуты цвета link, alink и vlink, которые прописываются в тэге <body>:

<HTML>
<head>
</head>
<body link=#ff0000 alink=#00ff00 vlink=#0000ff>
<a href='#'>Меняем цвет ссылки</a>
</body>
</HTML>

Цвет ссылки при первом появлении красный, а потом, в зависимости от того, где щелкнуть - по ссылке или вне ее - синий или зеленый. Обратим внимание на адрес в ссылке - в таком варианте это ссылка на станицу с нашим примером.

К ссылке можно добавить пояснения, которые WEB-обозреватель покажет при наведении на ссылку указателя мыши. Для этого в тэг ссылки вписываем title='...', а вместо многоточия - текст пояснения. Пример:

<HTML>
<head>
</head>
<body>
<a href='#' title='А вот здесь пояснения, куда эта ссылка ведет'>Просто ссылка</a>
</body>
</HTML>

Наведем указатель мыши на ссылку. Эффект заметен? Ссылкой может быть и картинка. Для этого вместо текста ссылки нужно вставить тэг изображения (как - уже знаете). Нет картинки - берем отсюда и сохраняем в папке 'www'. А теперь текст примера:

<HTML>
<head>
</head>
<body>
<a href='#'><img src=ref.JPG></a>
</body>
</HTML>

Картинка получилась в рамке, чтобы рамку убрать, нужно в тэге изображения прописать border=0, как здесь:

<HTML>
<head>
</head>
<body>
<a href='#'><img src=ref.JPG border=0></a>
</body>
</HTML>

Картинка сейчас без рамки и стала похожа на кнопку. Чтобы ссылка выполняла свои функции, впишем какой-нибудь адрес, что-то вроде этого:

<HTML>
<head>
</head>
<body>
<a href=http://soap.chem03.ru><img src=ref.JPG border=0></a>
</body>
</HTML>

и, проверив, как это работает, перейдем к таблицам.

Рейтинг@Mail.ru