Печать

Ссылки являются отличительной особенностью WWW (World Wide Web – Всемирная паутина). Благодаря им возможны переходы из одной страницы в другую, скачивание файлов, прослушивание музыки, просмотр фильмов.

Ссылка состоит из трех частей: назначение (destination), метка (label), цель (target).

Часть «назначение» определяет, что должно произойти при щелчке мышью по ссылке. Можно создать ссылки, которые будут отображать картинки, проигрывать музыку, посылать почту, запускать программы и т.д. Все же большинство ссылок предназначены для перехода по веб-страницам. Обычно при наведении мыши на ссылку в строке статуса браузера отображается адрес перехода. URL определяет действие ссылки.

Часть «метка» – эта та часть, которую видит читатель и по которой он щелкает мышью с целью достижения назначения. Метка может быть текстом, картинкой или текстом с картинкой.

Часть «цель» часто пропускается. Эта часть нужна для определения того, где должно отобразиться назначение. Целью может быть имя окна или фрейма существующего или нового.

Для создания ссылки на веб-страницу нужно набрать:
1. <A href='page.url'
где page.url это URL нужной веб-страницы.
[2]. TARGET=_blank, если нужно открыть новую веб-страницу в новом окне.
3. >.
4. Текст метки. При щелчке по этому тексту, читатель будет перенесен на страницу, указанную в пункте 1. Вероятно, при наведении мыши вид этого текста будет меняться.
5. </A> для завершения создания ссылки.

Обычно, относительные URL используются для переходов между страницами одного сайта, а абсолютные URL для переходов на веб-страницы других сайтов.

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

Текст ссылки можно оформить, применить к нему стили (styles).

Для использования картинки в качестве ссылки нужно набрать:
1. <A href='destination.url'>
где destination.url это URL нужной веб-страницы.
2. <IMG src='image.ext'.
[3]. BORDER=n
где n - толщина в пикселях рамки вокруг страницы. Если рамка вокруг картинки не нужна, то установите n равным 0.
[4]. Другие атрибуты тега IMG.
5. >
[6]. Текст метки.
7. </A>.

Создайте новый 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.html</A> откроется в новом окне.
<P>В этой ссылке в качестве метки использованы и текст и картинка:
<P align="center">
<
A href="http://oftob.com/">
<
IMG src="photo01.jpg" WIDTH="30" HEIGHT="30" ALIGN="absmiddle" BORDER="0">
OFTOB.COM
</
A>
</P>
</BODY>
</HTML>

Для определения цвета текста ссылки нужно набрать:
1. В теге <BODY>, перед символом >
LINK, для определения цвета неиспользованной ссылки,
VLINK, для определения цвета использованной ссылки,
ALINK, для определения цвета ссылки при наведении на нее мышь пользователем.
2. ="#rrggbb"
где #rrggbb - шестнадцатеричный код цвета в формате RGB, или
="color"
где color - имя одного из 16 предопределенных цветов. Обратите внимание на существование кавычек.

Добавить комментарий


Защитный код
Обновить

Произведение «OFTOB.COM» публикуется на условиях лицензии Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Непортированная.