HyperlinkCode.com

How to create 500 totally unique, human-quality articles in just 45 seconds ..

How To Make Email Address Hyperlink

To make a hyperlink that will launch the users mail client ready to send email to your email address, simply add mailto: into the regular hyperlink code followed by your email address. This page also shows how to make HTML eMail address button links, and CSS styled button links.

HTML Email Address Hyperlink Code

Code

<a href="mailto:me@anydomainname.com">eMail Us</a>

Output

eMail Us

HTML Email Address Button Code

Code

<form>
<input type="button" value="Send eMail" onclick="window.location.href='mailto:me@anydomainname.com'" />
</form>

Output

Email Address Styled Button Code

CSS Styled Button Demo

Code

<form>
<input style="width: 300px; padding: 20px; box-shaddow: 6px 6px 5px; #999999; -webkit-box-shadow: 6px 6px 5px #999999; -moz-box-shadow: 6px 6px 5px #999999; font-weight: bold; background: #CCFF00; color: #000000; cursor: pointer; border-radius: 10px; border: 1px solid #D9D9D9; font-size: 150%;" type="button" value="Send eMail" onclick="window.location.href='mailto:me@anydomainname.com'" />
</form>

Free web design videos! Learn the easy way to responsive (mobile friendly) web design.

Email Address Fancy Styled Button Demo

This fancy send eMail button can be styled with internal or external CSS. The shadow on this button moves when the mouse pointer is hovered over. Unlimited effects can be achieved. For instructions on how to set up this style of button, please see our button links page.

CSS Fancy Button Demo

More Hyperlink Codes

© Copyright 2007 - 2017 HyperlinkCode.com.
Site Admin: Ed Zivkovic. Privacy | Terms