УРОКИ HTML - языка гипертекстовой разметки Веб-страниц. Базовый курс.


Урок 9. Ссылка на электронный адрес

Ссылка на электронный адрес (e-mail) указывается следующим образом:

<a href="mailto:pochta@mail.ru"> pochta@mail.ru </a>

Вместо адреса электронной почты на странице можно написать "Почта" или "Контакты" или ещё что-то в этом роде. Давайте в панели навигации на наших страницах создадим ссылку, при нажатии на которую посетитель сможет отправить сообщение автору сайта.

Откроем Главную страницу в программе "Блокнот" и добавим следующий фрагмент кода:

Листинг 9.1

……
<tr>
<td WIDTH="200" align="center" valign="top">
<font face="Verdana">
<div>
Главная<br>
<a href="poroda.htm">Породы</a><br>
Выбор<br>
Содержание<br>
Дрессировка<br>
Выставки<br>
<a href="mailto:pochta@mail.ru">Контакты</a>
</div>
</font>
</td>
……

Конечно, вместо "pochta@mail.ru" на своём сайте Вы должны написать свой электронный адрес.

Как видим, всё очень просто.

Сохраните документ и откройте файл в браузере.

Слово "Контакты" стало ссылкой, при нажатии на которую, если на Вашем компьютере установлена почтовая программа, появляется диалог "Создать сообщение":

Уроки html для начинающих
Рис. 26

Но и это ещё не всё.

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

- ?subject=Тема пиcьма;

- &Body=Текст вашего сообщения;

- &cc=copy@mail.ru,copy2@mail.ru - копии письма через запятую;

- &bcc=hidden_copy@mail.ru,hidden_copy2@mail.ru - скрытые копии письма через запятую.

Все вместе это будет выглядеть так:

<a href="mailto:pochta@mail.ru?subject=Hello&Body=text&cc=
copy@mail.ru&bcc=hidden_copy@mail.ru"> Контакты </a>

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

Уроки html для начинающих
Рис. 27

Осталось разобрать ещё одно: как создавать ссылки - закладки внутри документа.

Представим, что наша статья на странице очень большая. Посетитель дочитал её и хочет вернуться к началу. Начинает прокручивать страницу мышкой… не совсем удобно.

Удобней сделать в конце статьи ссылку - например, написать: "Наверх страницы" или "К началу статьи", - нажатием на которую посетитель возвращается в начало статьи.

Это делается так:

Листинг 9.2

……
<td align="justify" valign="top">
<font face="Verdana">
<div align="center">
<H3> <font color="#008000" face="Verdana"><u><a name="начало_страницы"> Собака - друг человека.</a></u></nt></H3></div>
<p align="justify"><i>Содержание и разведение собак - часть мировой культуры, историческая традиция, восходящая к тем древним временам, когда у далёкого нашего предка появился преданный друг, помогавший добывать пищу и охранять жилище.</i></p>
<p align="justify">За долгие века привязанность человека к братьям его меньшим не утратила своей теплоты, а собаки остаются для людей помощниками и компаньонами.</p>
</font>
<p align="center"><a href="#начало_страницы">К началу страницы</a></p>
</td>
……

То есть, в нужном месте (в данном случае перед заголовком) создаём закладку с помощью атрибута name. И в конце статьи даём ссылку на эту закладку.

Внимание! Значение атрибутов чувствительно к регистру. То есть, "начало_страницы", "Начало_страницы" и "НАЧАЛО_СТРАНИЦЫ" браузер воспримет как три разных закладки.

Для того, чтобы увидеть результат, статью нужно сделать больше. Добавим несколько абзацев к статье:

Листинг 9.3

……
<td align="justify" valign="top">
<font face="Verdana">
<div align="center">
<H3> <font color="#008000" face="Verdana"><u><a name="начало_страницы"> Собака - друг человека.
</a></u></font></H3></div>
<p align="justify"><i> Содержание и разведение собак - часть мировой культуры, историческая традиция, восходящая к тем древним временам, когда у далёкого нашего предка появился преданный друг, помогавший добывать пищу и охранять жилище. </i></p>
<p align="justify"> За долгие века привязанность человека к братьям его меньшим не утратила своей теплоты, а собаки остаются для людей помощниками и компаньонами. </p>
<p align="justify"> Вопрос о происхождении собаки до настоящего времени остаётся открытым. Точно не установлено, от какого предка и в какой части земного шара произошла собака. Одни учёные предполагают, что родоначальниками далёких предков собак могли быть волки и шакалы. Доказательство этому - биологическая близость видов, сходство их внешних форм, внутреннего строения и поведения. Другие более вероятным считают, что собака произошла от нескольких вымерших её диких видов, останки которых найдены в позднейших отложениях третичного периода. Подтверждением тому служит огромное разнообразие существующих пород и большое различие между ними.</p>
<p align="justify"> Древнейшие породы северных волкообразных собак могли произойти от прирученного дикого волка или гибрида волка и так называемой болотной, или торфяной, собаки. В последующем от них повели свой род многие пастушьи собаки. Это предположение подтверждается найденными останками разных видов первобытных собак в северо-западных и северо-восточных районах нашего континента... </p>

</font>
<p align="center"><a href="#начало_страницы">К началу страницы</a></p>
</td>
……

Сохраним документ, обновим в браузере. Внизу статьи появилась ссылка:

Уроки html для начинающих
Рис. 28

Проверьте, как она работает.

Успехов и до встречи на следующем уроке >>>>>>>

P. S. Подпишитесь на безплатную рассылку Вокруг Сайта и получайте на свой электронный адрес новые уроки по созданию сайта.

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

Оставьте свой отзыв о статье:



Введите цифровой код с картинки*:

осторожно, мошенник!

Эта информация поможет сохранить вам деньги >>>

Рассылки

"Вокруг Сайта"
подпишитесь и получайте на свой e-mail уроки, книги, статьи, скрипты, а также подарки и скидки на товары, продаваемые с сайта

SmartResponder.ru
Ваше имя: *
Ваш e-mail: *

"PHP-песочница"
- PHP для начинающих: уроки с подробным анализом скриптов, необходимых для вашего сайта:

PHP-песочница
Подписаться письмом

Скачать видео

Разделы Сайта