Как создать ссылку на электронную почту в HTML

Загрузить PDF
Соавтор(ы): Команда wikiHow

Загрузить PDF

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

Шаги

Загрузить PDF
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Ссылка будет начинаться с атрибута «<a href=» в HTML-документе. Тег «<a href=» указывает браузеру, что следующий элемент является ссылкой.
    • Введите весь HTML-код, прежде чем делать переходы в другие разделы кода.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    после символа «=». Так вы укажете браузеру, что ссылка относится к адресу электронной почты, а не к веб-странице.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    На данный момент введенная вами строка должна выглядеть так: <a href=mailto:ivan@sample.com .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Для этого после адреса электронной почты введите вопросительный знак (?), введите слово «subject» (без кавычек), введите знак равенства (=), а затем введите тему внутри кавычек.
    • Если вы решили добавить тему письма, введенная вами строка должна выглядеть так: <a href=mailto:ivan@sample.com?subject="текст темы"
    • В тексте темы не пользуйтесь символами, которые не являются буквенно-цифровыми. Это необходимо, чтобы ссылка работала правильно.
    • С помощью синтаксиса mailto можно добавить информацию для предварительного заполнения строки темы, но такой метод используется крайне редко — он более распространен, когда письма отправляются на сервер с ботом, который управляет ими для дальнейшей обработки (фильтрации).
    • С помощью аналогичного синтаксиса можно добавить строки «body» (тело письма), «cc» (копия) и «bcc» (скрытая копия). Введите вопросительный знак (?), введите «body», «cc» или «bcc», введите знак равенства (=), а затем введите текст строки внутри кавычек.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    До сих пор введенные HTML-команды указывали браузеру на адрес электронной почты и добавляли тему/копию/скрытую копию. Закрывающая скобка «>» сообщает браузеру, что команд, которые нужно выполнить при щелчке по ссылке, больше нет.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Это текст, по которому пользователь щелкнет, чтобы открыть ссылку на электронную почту. Введите текст после закрывающей скобки. В качестве текста может выступить слово, фраза или даже копия адреса электронной почты. Как правило, вводится слово «нажмите здесь», «почта» или аналогичное.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Тег привязки нужно закрыть, чтобы оставшийся код не стал частью этого тега.
    • Вся HTML-команда, которая добавляет ссылку на электронную почту, должна выглядеть так: <a href=mailto:ivan@sample.com?subject="HTML ссылка">Нажмите здесь, чтобы отправить письмо</a>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Сделайте это, если в документ нужно добавить еще какой-нибудь код. Теперь сохраните документ.
    Реклама

Советы

  • Тегом привязки <a> можно пользоваться по-разному. Почитайте об этом теге в интернете, чтобы эффективно использовать его.
  • Теги привязки должны находиться внутри раздела body (<body>...</body>) HTML-документа. Если этот тег вставить в другое место документа, это приведет к ошибкам или запуску почтового клиента при загрузке веб-страницы (независимо от того, открыл ли страницу другой пользователь или это сделали вы), что негативно повлияет на загрузку страницы.
Реклама

Предупреждения

  • Если разместить свой адрес электронной почты на веб-странице, ваш почтовый ящик может заполниться спамом. В интернете множество людей, которые собирают такие адреса с целью рассылки спама. Поэтому, если вы размещаете ссылку на адрес электронной почты на общедоступном веб-сайте, приготовьтесь к борьбе ос спамом.
  • Проверьте имя получателя, прежде чем отправить письмо.
  • Если на компьютере пользователя нет почтового клиента, такой пользователь не сможет отправить вам письмо.
Реклама

Дополнительные статьи

Как
создать простую веб страницу в Блокноте
Как
создать простую веб страницу с помощью HTML
Как
задать цвет фона в HTML
Как
добавить фоновое изображение в HTML
Как
создать ссылку для оплаты через PayPal
Как
комментировать в HTML
Как
задать ширину и высоту картинки с помощью HTML
Как
бесплатно разместить свой сайт в Интернете
Как
выделить текст жирным с помощью HTML
Как
начать wiki–сайт
Как
сделать сайт в Word
Как
подчеркнуть текст в HTML
Как
использовать теги цвета шрифта в HTML
Как
создать сайт
Реклама

Источники

  1. http://www.zaposphere.com/html-email-links-code/

Об этой статье

На других языках
Эту страницу просматривали 22 757 раз.

Была ли эта статья полезной?

Реклама