urlscan.io logo urlscan.io
SecurityTrails logo

htmlbook.ru Open in urlscan Pro
185.200.243.101  Public Scan

Back to summary
URL: http://htmlbook.ru/samhtml/ssylki/ssylka-na-adres-elektronnoy-pochty
Submission: On September 19 via api from PL — Scanned from DE

Form analysis 3 forms found in the DOM

/search/

<form action="/search/" id="cse-search-box"><input type="text" name="as_q" id="q" autocomplete="off" placeholder="Поиск по сайту"><input type="image" src="/themes/hb/img/find.png" alt="Найти" class="find"><input type="hidden" name="cx"
    value="partner-pub-0708135098984815:pmy83axen1s"><input type="hidden" name="cof" value="FORID:9"><input type="hidden" name="ie" value="UTF-8"></form>

POST /example/

<form action="/example/" method="post" id="codeform"><input type="hidden" id="codetext" name="codetext" value=""></form>

/sites/search/

<form action="/sites/search/" id="filter"><input type="search" name="q" id="ac" placeholder="Тег HTML или св-во CSS" autocomplete="off"><input type="image" src="/themes/hb/img/find.png" alt="Найти" class="find"></form>

Text Content

 * 
   Основное
 * 
   HTML
 * 
   CSS
 * 
   Сайт

 * Статьи
 * Блог
 * Практикум
 * Форум

 * Самоучитель HTML
 * Справочник по HTML
 * XHTML
 * HTML5

 * Самоучитель CSS
 * Справочник по CSS
 * Рецепты CSS
 * CSS3

 * Вёрстка веб-страниц
 * Макеты
 * Веб-сервер





MANAGEMENT




СОДЕРЖАНИЕ

 * Введение в HTML
 * Инструментарий
 * Теги
 * Структура HTML-кода
 * Типы тегов
 * Значения атрибутов тегов
 * Текст
 * Ссылки
   * Абсолютные и относительные ссылки
   * Виды ссылок
   * Правила вложений для тега <a>
   * Атрибуты ссылок
   * Ссылка на адрес электронной почты
 * Якоря
 * Изображения
 * Списки
 * Таблицы
 * Фреймы
 * Валидация документов

Типы сварочных кабелей и их характеристики



ПОПУЛЯРНЫЕ РЕЦЕПТЫ

 * Как добавить картинку на веб-страницу?
 * Как добавить иконку сайта в адресную строку браузера?
 * Как добавить фоновый рисунок на веб-страницу?
 * Как сделать обтекание картинки текстом?
 * Как растянуть фон на всю ширину окна?
 * Как выровнять фотографию по центру веб-страницы?
 * Как разместить элементы списка горизонтально?
 * Как убрать подчеркивание у ссылок?
 * Как убрать маркеры в маркированном списке?
 * Как изменить расстояние между строками текста?
 * Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?
 * Как открыть ссылку в новом окне?


ПОПУЛЯРНЫЕ ЗАДАЧИ

 * TEX
 * Отступы между блоков
 * Андроид в тени
 * Ссылка как кнопка
 * Вложенные списки
 * Форма регистрации
 * Объединение ячеек таблицы
 * Обязательные поля формы
 * Цвет и фон в таблице
 * Асуанская плотина
 * Батарейка
 * Заголовки





ССЫЛКА НА АДРЕС ЭЛЕКТРОННОЙ ПОЧТЫ

23.09.2010

Влад Мержевич

Создание ссылки на адрес электронной почты делается почти также как и ссылка на
веб-страницу. Только вместо URL указывается mailto:адрес электронной почты
(пример 8.6).

Пример 8.6. Ссылка на адрес электронной почты

<!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=utf-8">
  <title>Адрес почты</title>
 </head>
 <body>
  <p><a href="mailto:vlad@htmlbook.ru">Задавайте вопросы по электронной почте</a></p>
 </body>
</html>

<!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=utf-8">
  <title>Адрес почты</title>
 </head>
 <body>
  <p><a href="mailto:vlad@htmlbook.ru">Задавайте вопросы по электронной почте</a></p>
 </body>
</html>



В атрибуте href тега <a> вначале пишется ключевое слово mailto, затем через
двоеточие желаемый почтовый адрес. Подобная ссылка ничем не отличается от ссылки
на веб-страницу, но при нажатии на нее запускается почтовая программа,
установленная по умолчанию. Поэтому в названии ссылки следует указывать, что она
имеет отношение к электронной почте, чтобы читатели понимали, к чему приведет
нажатие на нее.

Можно также автоматически добавить тему сообщения, присоединив к адресу
электронной почты через символ вопроса (?) параметр subject=тема сообщения, как
показано в примере 8.7.

Пример 8.7. Задание темы сообщения

<!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=utf-8">
  <title>Тема письма</title>
 </head>
 <body>
 <p><a href="mailto:vlad@htmlbook.ru?subject=Вопрос по HTML">Задавайте
  вопросы по электронной почте</a></p>
 </body>
</html>

<!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=utf-8">
  <title>Тема письма</title>
 </head>
 <body>
 <p><a href="mailto:vlad@htmlbook.ru?subject=Вопрос по HTML">Задавайте
  вопросы по электронной почте</a></p>
 </body>
</html>



При запуске почтовой программы поле Тема (Subject) будет заполнено
автоматически.

Атрибуты ссылокОглавлениеЯкоря


HTML ПО ТЕМЕ

 * Тег <a>



Не выкладывайте свой код напрямую в комментариях, он отображается некорректно.
Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в
комментариях дайте на него ссылку. Так и результат сразу увидят.



О САЙТЕ

Помощь

Копирование материалов

Борьба с ошибками

Технологии

Поисковый плагин

ОСНОВНЫЕ РАЗДЕЛЫ

Статьи

Блог

Практикум

Цифровые книги

Форум

HTML

Самоучитель HTML

XHTML

Справочник по HTML

HTML5

CSS

Самоучитель CSS

Справочник по CSS

Рецепты CSS

CSS3

САЙТ

Вёрстка

Макеты

Веб-сервер

htmlbook.ru использует хостинг timeweb



© 2002–2022 Влад Мержевич, по всем вопросам пишите по адресу vlad@htmlbook.ru

Подпишитесь на материалы сайта по RSS