Как сделать ссылку на почту

Ссылка на адрес эл. почты

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

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

      
Задавайте вопросы по электронной почте
  

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

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

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

      
 Задавайте вопросы по электронной почте
  

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

Как сделать ссылку на адрес электронной почты?

Адрес электронной почты пишется в формате vlad@webref.ru, где vlad — это имя пользователя, а webref.ru — имя домена. Для создания ссылки используется элемент , в атрибуте href сперва пишется ключевое слово mailto: , затем без пробела указывается адрес электронной почты пользователя.

При щелчке по такой ссылке открывается почтовая программа по умолчанию. Если подобные ссылки ещё не открывались, то операционная система выведет окно со списком программ (рис. 1).

Рис. 1. Список программ для открытия адреса электронной почты

По своему виду такая ссылка ничем не отличается от обычных ссылок на сайты. Чтобы пользователь их как-то различал можно использовать следующие рекомендации.

В тексте ссылки дать адрес.

Написать пояснение в тексте.

Добавить символ почты до или после текста ссылки с помощью свойства content и псевдоэлемента ::before или ::after, как показано в примере 1. Чтобы иконка работала только с нужными ссылками, мы используем селектор a[href^=»mailto»] , он будет применять стиль только к элементам , у которых атрибут href начинается с mailto .

Пример 1. Иконка после адреса

Результат данного примера показан на рис. 1. Иконка взята с сайта utf8icons.com.

Рис. 1. Иконка после адреса почты

См. также

• content
• quotes
• relative и absolute
• text-decoration-skip-ink
• Аккордеон меню
• Анимация ссылок при наведении
• Атрибуты ссылок
• Декоративные заголовки
• Добавление тени
• Доступность
• Игра с картинками
• Использование :hover
• Наследование в CSS
• Не только текст
• Очистка float
• Подробнее о позиционировании
• Псевдоэлемент ::after
• Псевдоэлементы
• Псевдоэлементы ::after и ::before
• Работа с кавычками
• Создание ссылок
• Ссылки
• Ссылки
• Ссылки в HTML
• Что это такое?
• Якоря

Как сделать кликабельные email и номер телефона

Чтобы при клике на номер телефона начинался звонок или при клике на email открывался почтовый клиент, нужно навесить на них ссылки.

1. Ссылка, которую нужно задать тексту с номером телефона: tel:+71234567890 (все без пробела). Будет работать при просмотре сайта на мобильном телефоне, в случае открытия на компьютере откроет приложение, которое используется для звонков, если оно есть.

2. Пропишите в поле для ссылки ваш email, например, yourmail@mysite.com. При клике будет открывать приложение почты, которое установлено на устройстве посетителя.

Для кнопки укажите ваш email, начиная с mailto: , например, mailto:yourmail@mysite.com. При клике будет открывать приложение почты, которое установлено на устройстве посетителя.

Гиперссылки в Word для Интернета

Гиперссылки в документе работают точно так же, как при чтении документа в Word или в Word в Интернете. Щелкните ссылку, чтобы перейти на веб-адрес или другое место в том же документе или отправить сообщение электронной почты.

В Word в Интернете вы можете вставлять и редактировать гиперссылки, которые указывают на веб-адреса или адреса электронной почты, но вы не можете создавать гиперссылки, которые находятся в другом месте в том же документе (закладки или перекрестные ссылки). Если это нужно, нажмите кнопку Открыть в Word.

Чтобы создать гиперссылку, нажмите кнопку вставить > ссылку.

В поле отображаемый текст введите текст, по которому будут щелкать пользователи. Чтобы создать ссылку на веб-адрес, введите или вставьте адрес в поле адрес .

Совет: Если вы не хотите, чтобы текст отображался более дружественным, чем веб-адрес, просто введите веб-адрес. При нажатии клавиши пробел или ввод Word в Интернете автоматически преобразует адрес в гиперссылку.

Чтобы создать ссылку на адрес электронной почты, введите mailto: и адрес электронной почты пользователя в поле адрес .

Когда кто-то щелкнет ссылку, программа электронной почты начнет сообщение, используя адрес ссылки.

Совет: Чтобы изменить ссылку, которая уже есть в документе, щелкните в любом месте ссылки, а затем выберите команду вставить > ссылку. Если вы используете мышь, щелкните ссылку правой кнопкой мыши и выберите команду Изменить гиперссылку. (на сенсорном устройстве Коснитесь ссылки и удерживайте ее, чтобы получить контекстные команды.

Примечание: Эта страница переведена автоматически, поэтому ее текст может содержать неточности и грамматические ошибки. Для нас важно, чтобы эта статья была вам полезна. Была ли информация полезной? Для удобства также приводим ссылку на оригинал (на английском языке).