Главная | Обратная связь | Поможем написать вашу работу!

Ссылка на адрес электронной почты

Лабораторная работа №4.

СОЗДАНИЕ WEB-СТРАНИЦ С ПОМОЩЬЮ HTML.

Гиперссылки.

Цель работы: изучить назначение и правила записи основных тегов языка и их атрибуты.

Теоретические данные.

Гиперссылки (тег <А>...</А>)

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

Для создания ссылки используют парный тег <А>...</А> с обязательным параметром HREF. В нем после знака равенства необходимо указать адрес (URL) документа.

Ссылка может быть задана в абсолютной или в относительной форме.

Абсолютную ссылку (внешнюю) используют, когда необходимо направить посетителя на другой web-сайт.

Пример:

<A HREF="http://www.yandex.соm">Поисковая система Яндекс </А>

Это абсолютная ссылка на поисковую систему Яндекс. Таким же способом можно создать ссылки и на другие поисковые системы — Рамблер, Google и др.

Относительная ссылка (внутренняя) указывается относительно текущего web-документа.

1. Если файлы, между которыми необходимо установить ссылку, находятся в одной и той же папке, то ссылка будет иметь вид:

<A HREF="index.html">Пepexод на домашнюю страницу</А>

2. Если файлы, между которыми необходимо установить ссылку, находятся в разных папках, то ссылка будет иметь вид:

<А HREF="../index.html">Переход на домашнюю страницу</А>

При этом две точки и косая черта перед именем файла указывают браузеру, что необходимо перейти на один уровень выше в структуре папок.

Создание подсказки к ссылке (атрибут title тега <А>)

Атрибут TITLE предназначен для задания текста всплывающей подсказки при наведении на ссылку курсора мыши, например:

<А HREF="../index.html" title="Переход на домашнюю страницу">

Здесь при наведении указателя мыши на рисунок с именем home.gif появится подсказка «Переход на домашнюю страницу». При этом, в отличие от использования альтернативного текста в теге <IMG>, этот текст не отображается на web-странице взамен незагруженного рисунка.

Задание цвета для всех ссылок на странице

С помощью HTML можно задавать цвет для всех ссылок на странице, а также изменять цвета для отдельных ссылок.

Цвета всех ссылок на странице задаются в качестве параметров тега <BODY>. Эти параметры являются необязательными, и если они не указаны, то используются значения по умолчанию:

• LINK — определяет цвет еще не посещенных ссылок (по умолчанию — синий, #OOOOFF);

• ALINK — цвет «активной» ссылки (в момент нажатия на ней кнопки мыши; по умолчанию — красный, #FFOOOO);

• VLINK — цвет уже посещенных ссылок (по умолчанию — фиолетовый, #800080).

В результате выполнения примера мы получим активную ссылку малинового цвета, после посещения она изменит цвет на зеленый, и все это — на желтом фоне страницы.

Пример:

<HTML>

<A HREF=content.html>Содержание сайта</А>

</BODY>

</HTML>

Задание цвета для отдельных ссылок

Иногда возникает необходимость одновременно использовать разные цвета ссылок, например светлые — для темных областей web-страницы, а темные — для светлых. Для этого используется уже знакомый нам тег . Вся ссылка (вместе с тегами <А>...</А>) помещается в контейнер ....

Пример:

<HTML>

<A HREF=content.html>Coдержание сайта</A>

</BODY>

</HTML>

Здесь оранжевый цвет ссылки, заданный в теге <BODY>, заменяется на черный с помощью тега .

Загрузка страниц при переходе по ссылке (параметр target)

По умолчанию при переходе по ссылке новый документ открывается в текущем окне или фрейме. При необходимости это условие может быть изменено с помощью параметра target Значения параметра TARGET

Значение	Описание	Пример
TARGET=BLANK	Загружает страницу в новое (пустое) окно браузера. Это обычно требуется при ссылке на другой сайт; в остальных случаях лучше открывать документы в текущем окне.	<А HREF=www.mariel.ru TARGET=BLANK> Открывает новое окно для сайга Республики Марий Эл </А>
TARGET=SELF	Загружает страницу в текущее окно (по умолчанию).
TARGET=PARENT	Загружает страницу в «родительский» фрейм.
TARGET=TOP	Отменяет использование фреймов и загружает страницу в полном окне браузера.
TARGEТ=[имя фрейма]	Загрузка нового документа в указанный фрейм.	<А HREF=www.yrokhtml.. ru TARGET=menu> Сайт www.yrokhtml...ru загружается в фрейм с именем "menu"</A>

Использование изображений в качестве гиперссылок.

Кроме текста в качестве ссылок можно использовать рисунки. При этом соответствующий тег<IMG> надо поместить между тегами <А> и </А>.

Пример:

<А HREF=shablon.html><IMG SRC=delfin.gif WIDTH=180 HEIGHT=137></A>

Вокруг изображения-ссылки автоматически добавляется рамка толщиной в 1 пиксель с цветом, совпадающим с заданным цветом для текстовых ссылок. Чтобы убрать рамку, следует задать параметр BORDER=0.

Пример:

<А HREF=shablon.html><IMG SRC=delfin.gif WIDTH=180 HEIGHT=137 BORDER=O></A>

Ссылки внутри web-страницы

Большие документы удобнее читать, если в них имеется оглавление со ссылками на соответствующие разделы. Для создания таких ссылок следует вначале сделать закладки («якоря») в нужных местах документа и присвоить им имена при помощи параметра NAME тега < А >.

Пример:

<HTML>

<BODY>

<А HREF="#ssylka">Teкст</A>

</BODY>

</HTML>

Заметим, что между тегами <А NAME=ssylka> и </А> отсутствует текст, так как нам требуется лишь указать местоположение перехода по ссылке. В параметре же HREF собственно ссылки на созданную закладку после символа # записывается имя закладки. Аналогичным способом можно создавать перекрестные ссылки из одного документа на закладку, содержащуюся в другом документе, тогда в составе параметра HREF записывается сначала имя соответствующего web-документа, а затем сразу после него символ # и имя закладки.

Ссылки во фреймах

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

Пусть у нас имеется документ, состоящий из двух фреймов с именами MENU и SODERGIMOE:

Фрейм с именем MENU

Фрейм с именем SODERGIMOE

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

<А НRЕF=имя документа ТARGЕТ=имя фрейма>Ссылка</А>

Пример:

<HTML>

<BODY>

<A HREF=www.mariel.ru TARGET=sodergimoe>Ccылкa открывает сайт Республики Марий Эл во фрейме с именем SODERGIMOE</A>

</BODY>

</HTML>

Если параметр TARGET с указанием имени целевого фрейма опустить, то документ откроется в текущем фрейме — том же, где находится сама ссылка, т. е. во фрейме с именем menu.

Ссылка на адрес электронной почты

Ссылка на адрес электронной почты создается с помощью значения mailto:адрес электронной почты.

Пример:

<А HREF="mailto: [email protected]">Напишите автору</А>

Такая ссылка внешне ничем не отличается от обычной ссылки на web-страницу, но при нажатии на нее запускается окно написания письма почтовой программы, установленной по умолчанию (например, Outlook Express). Можно также автоматически добавлять в это письмо тему сообщения, присоединив ее текст к адресу электронной почты через символ знака вопроса («?») в виде значения параметра subject.

Пример:

Напишите автору</А>

Воспользуйтесь поиском по сайту: