:: Статьи начинающему web-мастеру ::
Статьи// Cсылочки: текстовые и графические


Ссылки вставляются с помощью тега A HREF, в котором прописывается путь до страницы, которая будет открываться при клике по  ссылке:

<a href="page.html">текст ссылки</a> — относительная адресация

или:

<a href="http://fantasyflash.ru/page.html">текст ссылки</a> — абсолютная адресация

Обе ссылки будут текстовыми. А можно сделать ссылку-картинку. В этом случае достаточно вместо «текста ссылки» вставить картинку (см. «графика на web-страницах»):

<a href="page.html"><img src="cat.gif" border="0" width="50" height="70"></a>

Параметр border=0 указывает на то, что вокруг нашей ссылки-картинки не будет рамочки, которые бывают у ссылок.

PS Абсолютную адресацию используйте только тогда, когда нельзя применить относительную! Представьте, что вы решили переехать на новый домен: вам придется менять пути для каждой ссылки и каждой картинки, если они будут прописаны абсолютно...

Часто бывает необходимо сделать так, чтобы при клике по ссылке новая страница открывалась в новом, выскакивающем отдельно, окне (например, при клике по какому-нибудь баннеру). Это делается с помощью параметра target, который вставляется внутрь тега «a href»:

<a href="http://fantasyflash.ru" target=_blank>ссылка</a>

При target=_top — открытие страницы будет происходить поверх основной. Это удобно использовать, например, во фреймах.

А вообще, в target'e может быть имя окна фрейма (или iframe), котрое будет указывать на то, что страничка, описанная в ссылке, откроется именно в этом окне. Но об этом читайте в статье о фреймах или iframe :)

Ссылка на скачивание файла

Тут все просто. Достаточно прописать в ссылке путь до нужного файла, например:

<a href="http://fantasyflash.ru/layouts/bluebutterfly.rar" title="файл 18Кб">скачать!</a>

title — всплывающая надпись, которую вы хотите видеть при наведении мышки на ссылку.

Ссылка на отправку письма

Обычно запускается формочка программы Outlook или TheBat:

<a href="mailto:name@name.ru">написать письмо</a>,
где name@name.ru — ваш e-mail.

Цвет ссылок

Цвет указывается внутри тега body (см. «структуру html»):

<body link="#код_цвета1" vlink="#код_цвета2">

link — цвет всех ссылок;
vlink — цвет ссылок при наведении мыши
alink — цвет ссылок в момент клика по ним

Коды цветов смотрите в палитре или фотошопе.

Автор урока— Ollenkka



Мишки tatty teddy. Me to you :)
Самая большая коллекция Рунета!