Как сделать ссылку в HTML на телефон, скайп и email? Да все предельно просто!
Никаких замудренностей. Обычный простенький HTML код, с помощью которого вы сможете звонить на телефоны, на скайп или отправлять письма на почтовый адрес.
Как это происходит?
Добавьте из указанных примеров код. У вас отобразится ссылка, по которой нужно будет перейти. При нажатии по ссылке, вы сможете совершить звонки на телефоны, отправлять сообщения на email или позвонить по скайпу.
А вот и сам код:
HTML ссылка на телефон
<a href="tel:+380937777777">+38 (093)777-77-77</a>
Замените в ссылке номер телефона «+380937777777» на свой.
HTML ссылка на скайп
<a href="skype:bloggood-ru?call">позвонить на скайп</a>
Замените в ссылке «bloggood-ru» на свой скайп.
Кстати, если вам интересно узнать о других возможностях скайпа, которые можно установить на сайте, читайте здесь.
HTML ссылка на email
<a href="mailto:email@mail.ru"> Написать на почту</a>
Замените в ссылке «email@mail.ru» на свою почту.
Для оформления ссылок, можете добавить втег<body> такие атрибуты как:
- link - цвет просто ссылки
- alink - цвет нажатой ссылки
- vlink - цвет посещенной ссылки
Пример:
<body link="#00FF00" alink="#FFFF00" vlink="#EEE9E9">
Либо в CSS:
:hover — вид ссылки при наведении
:link — непосещенные ссылки
:visited — посещенные ссылки
:active — вид активной ссылки
Пример:
a:hover {color:#cc0000;}
a:link {color:#ccc;}
a:visited {color:#000;}
a:active {color:#ff0000;}
Понравился пост? Помоги другим узнать об этой статье, кликни на кнопку социальных сетей ↓↓↓
Последние новости категории:
Мое первое приложение для смартфонов (андроид) – основы HTML
События HTML5
Скрипт для выпадающего списка
Перетаскивание изображения – использование Drag and Drop в html 5Похожие статьи
PHP-массивы. Урок 9
Как закруглить углы в CSS
Популярные статьи:
-
Как узнать id компьютера
Дата: 29 марта 2013
Прокомментировано:90
просмотров: 330330 -
Размеры форматов листов А0 – А7
Дата: 23 января 2013
Прокомментировано:3
просмотров: 274683 -
Смешные логические загадки с подвохом, отгадки прилагаются
Дата: 12 ноября 2014
Прокомментировано:5
просмотров: 222437 -
Готовые макеты блоков для веб-страниц на HTML и CSS
Дата: 25 июня 2014
Прокомментировано:23
просмотров: 187489 -
Установка windows 7 на ноутбук
Дата: 18 декабря 2012
Прокомментировано:169
просмотров: 186559
Спасибо, Александр за комментарий. Планирую еще пару постов для WooCommerce…
⇒ Открыть статью ⇐