Главная страница Содержание Учебник по Html Словарь тегов Гостевая книга Напиши мне

Ссылки.

Ступенька 14 - "Ссылка на е-майл. Ссылка ввиде картинки. Подсказка к ссылке".

Одним из популярных средств Интернета является электронная почта, которая может оказаться полезной для вашей Web – страницы или сайта. С помощью электронных сообщений есть возможность получить отклики на ваш документ, письма о проблемах и пожеланиях, связанных с сайтом, деловые предложения.

Для получения сообщения вы можете просто поместить текст с вашим адресом электронной почты, однако такой способ неудобен для посетителей ваших Web – документов. Язык HTML позволяет создавать специальную ссылку на электронную почту. Если посетитель сайта щелкнет мышью по этой ссылке, то запустится почтовая программа, причем адрес вашей электронной почты будет установлен по умолчанию.

Ссылка на ваш почтовый ящик прописывается немного иначе, чем ссылка на другой документ (страницу, сайт). Например для электронного адреса domos@yandex.ru это выглядит следующим образом:
<a href="mailto:domos@yandex.ru"> domos@yandex.ru</a>

У mailto есть еще некоторые опции:

  • ?subject= Тема пиcьма
  • &Body= Текст вашего сообщения
  • &cc= copy@mail.ru,copy2@mail.ru (копии письма через запятую)
  • &bcc=hidden_ copy@mail.ru,hidden_copy2@mail.ru (скрытые копии письма через запятую)
Ссылкой может быть также картинка. Принцип ссылки тот же, что и в случае с текстом, только в тэг <a></a> вставляется не текст, а картинка:
<a href="*.html"> <img src="*.gif"></a>

Если вы хотите сделать картинку ссылкой на ваш почтовый ящик, то применяется тот же принцип:
<a href="mailto:domos@yandex.ru" > <img src="*.gif"></a>

Чтобы при наведении мышки на ссылку появлялась подсказка необходимо воспользоваться атрибут title .

Атрибут title (не путать с тэгом <TITLE>) предлагает информацию об элементе, для которого он устанавливается.

Сделаем в нашем примере подсказку для ссылки '' обеспечим '', чтобы при наведении мышки на нее появлялась подсказка ''Услуги компании ''. Также добавим ссылку на электронный адрес domos@yandex.ru со следующими параметрами:текст ссылки - обращайтесь к нам, тема письма - посетитель, текст сообщения – здравствуйте, копия письма – domos@pisem.net, скрытая копия письма - domos@pisem.net

    <html>
    <head>
    <title>Компания News computers</title>
    </head>
    <body text=red bgcolor="#000000" background="foil.jpg" link=blue alink=purple vlink=white >
    <h2>
    <p align="center" > Компания
    <font color="green"> News computers </font>
    </p>
    </h2>
    <font size="+1" face="alial">
    <b>
    <i>
    <img src="computer.gif" align="left" hspace="30" vspace="5" alt=" компьютерная фирма">
    Мы <A HREF="service.html" title="Услуги компании" > обеспечим </A> вас компьютерами и программным обеспечением на любой вкус.
    <br clear="Left">
    <a href="mailto:domos@yandex.ru?subject=посетитель&Body=здравствуйте&cc=domos@pisem.net &bcc=domos@pisem.net">Обращайтесь к нам </a>
    </i>
    </b>
    </font>
    </body>
    </html>     посмотреть

[ Назад: Ступенька 13-ая ] [ Далее: Ступенька 15-ая ]