Опубликовано: 29.09.2010 Последняя правка: 08.12.2015

Ссылки на электронную почту

Каждый уважающий себя сайт должен иметь обратную связь со своими посетителями. Один из способов этой связи — написать адрес электронной почты (e-mail), но гораздо лучше будет указать его в виде ссылки, при нажатии на которую автоматически откроется почтовая программа. Чтобы это сделать, достаточно создать в теге <A> такую конструкцию:

<a href="mailto:адрес почты">адрес почты</a>

Пример создания ссылки на электронную почту

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Ссылка на почтовый ящик</title>
</head>
<body>
 <p>
  <a href="mailto:mymail@site.bom" title="Почта для связи">mymail@site.bom</a>
 </p>
</body>
</html>

Результат в браузере

Как видите все очень просто, только не забывайте о том, что <A> является встроенным (inline, уровня строки) элементом и располагать его можно только внутри тегов, которые могут содержать этот тип.

Хорошо, но можно сделать еще кое-что. Если вы хотите, чтобы письма отправлялись на несколько почтовых ящиков, то надо после адреса основной электронной почты поставить знак вопроса (?) и две латинские «с» со знаком равно (сс=). А далее пишите дополнительные адреса через запятую.

Пример создания ссылки на несколько ящиков электронной почты

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1251">
<title>Ссылка несколько почтовых ящиков</title>
</head>
<body>
 <p>
  <a href="mailto:mymail@site.bom?cc=mymail2@site.bom,mymail3@site.bom">mymail@site.bom</a>
 </p>
</body>
</html>

Результат в браузере

Домашнее задание.

  1. Создайте заголовок статьи и двух ее разделов. Заголовок статьи расположите по центру и под каждым заголовком напишите о одному параграфу.
  2. Установите на странице шрифт Arial с размером 90%, а для заголовков — Times и пусть цвет текста заголовков будет зеленым.
  3. Нарисуйте под заголовком статьи линию красного цвета с толщиной 3px и уберите у нее рамку.
  4. Выделите в первом параграфе цитату, напишите ее курсивом и размером шрифта 110%.
  5. Создайте в тексте второго параграфа ссылку, куда она ведет — решайте сами. Пусть она будет написана жирным шрифтом.
  6. Измените цвет ссылок на свое усмотрение (кроме зеленого), но сделайте так, чтобы посещенные и непосещенные ссылки выглядели одинаково.
  7. Пусть заголовок второго раздела будет в виде ссылки ведущей на главную страницу сайта Seodon, но цвет у нее должен быть таким же, как и у остальных заголовков.
  8. В последнем параграфе создайте ссылку на два любых ящика электронной почты.
Меняем цвета ссылок← Содержание →Якоря - создаем закладки