Ссылки являются отличительной особенностью WWW (World Wide Web – Всемирная паутина). Благодаря им возможны переходы из одной страницы в другую, скачивание файлов, прослушивание музыки, просмотр фильмов.
Ссылка состоит из трех частей: назначение (destination), метка (label), цель (target).
Часть «назначение» определяет, что должно произойти при щелчке мышью по ссылке. Можно создать ссылки, которые будут отображать картинки, проигрывать музыку, посылать почту, запускать программы и т.д. Все же большинство ссылок предназначены для перехода по веб-страницам. Обычно при наведении мыши на ссылку в строке статуса браузера отображается адрес перехода. URL определяет действие ссылки.
Часть «метка» – эта та часть, которую видит читатель и по которой он щелкает мышью с целью достижения назначения. Метка может быть текстом, картинкой или текстом с картинкой.
Часть «цель» часто пропускается. Эта часть нужна для определения того, где должно отобразиться назначение. Целью может быть имя окна или фрейма существующего или нового.
Для создания ссылки на веб-страницу нужно набрать:
1.
где page.url это URL нужной веб-страницы.
[2]. TARGET=_blank, если нужно открыть новую веб-страницу в новом окне.
3. >.
4. Текст метки. При щелчке по этому тексту, читатель будет перенесен на страницу, указанную в пункте 1. Вероятно, при наведении мыши вид этого текста будет меняться.
5. для завершения создания ссылки.
Обычно, относительные URL используются для переходов между страницами одного сайта, а абсолютные URL для переходов на веб-страницы других сайтов.
Рекомендуется не делать текст метки ссылки слишком длинным. Если нужно создать ссылку в предложении, лучше выбрать какие-то специальные слова этого предложения в качестве метки ссылки, а не все предложение целиком.
Текст ссылки можно оформить, применить к нему стили (styles).
Для использования картинки в качестве ссылки нужно набрать:
1.
где destination.url это URL нужной веб-страницы.
2. .
[3]. BORDER=n
где n - толщина в пикселях рамки вокруг страницы. Если рамка вокруг картинки не нужна, то установите n равным 0.
[4]. Другие атрибуты тега IMG.
5. >
[6]. Текст метки.
7. .
Создайте новый html-файл, введите следующий код, сохраните его и откройте файл в браузере для просмотра результата:
<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE>Моя страница: СсылкиTITLE>
HEAD>
<BODY>
<P>Эта ссылка на известный сайт <A href="http://www.yahoo.com/">Yahoo!A>
<P>Эта ссылка <A href="page02.html" TARGET=_blank>page02.htmlA> откроется в новом окне.
<P>В этой ссылке в качестве метки использованы и текст и картинка:
<P align="center">
<A href="http://oftob.com/">
<IMG src="photo01.jpg" WIDTH="30" HEIGHT="30" ALIGN="absmiddle" BORDER="0">
OFTOB.COM
A>
BODY>
HTML>
Для определения цвета текста ссылки нужно набрать:
1. В теге <BODY>, перед символом >
LINK, для определения цвета неиспользованной ссылки,
VLINK, для определения цвета использованной ссылки,
ALINK, для определения цвета ссылки при наведении на нее мышь пользователем.
2. ="#rrggbb"
где #rrggbb - шестнадцатеричный код цвета в формате RGB, или
="color"
где color - имя одного из 16 предопределенных цветов. Обратите внимание на существование кавычек.
