How To Make An Email Link

In This Tutorial, I Show You How To Make An Email Link

One of the nice things about XHTML is how easy it is to make an email link.

If you already know how to make a page link, then you’re just about there.

There is one thing that I caution you to do to and I’ll get to that later on.

Let’s Break This Down

Suppose I want to make an email link to, which, as it happens, is my email address.

Ready? Here’s how to do it:

Code View

<a href=""></a>

Browser View

Make Sure To Let Your Web Visitor See The Actual Email Address

Notice how you see the email address – – on the page itself. Yes, I know it might not look pretty, but it sure is practical.

Why’s that?

If I had set up my email address link as Bud Kraus, it’s entirely possible that it would not work for many people. If your visitor is using a web based email program like gmail or Hotmail, then when the address is clicked on, nothing much will happen. That’s a bad thing.

Showing the actual email address as the link, gives the visitor the option of copying and pasting the address into the email program if all else fails – and all else usually fails.

Go Ahead, Try It Yourself

Give it a try. Copy and paste

<a href=""></a>

into the box below or feel free to write your own email link. Then click the "GIVE IT A TRY" box and check it out.

Test Your Code In This Box – The Code Tester

Here’s What You Did

12 thoughts on “How To Make An Email Link

    • This is close to what I’m looking for, but is it possible to click on a link that would take my students to their own personal email inboxes?

      • yes actually, I know I’m like 3 years late but its totally possible just use this code:

        go to your own email!

        as long as your students have previously logged in to their E-Mail on that computer they should be sent straight to their email page.

        Hope this helps!

  1. Hi I am so delighted I found your weblog, I really found you by mistake,
    while I was looking on Askjeeve for something else,
    Anyhow I am here now and would just like to say many thanks for a incredible
    post and a all round exciting blog (I also love the theme/design), I don’t have time
    to read it all at the minute but I have book-marked it and also included your RSS feeds, so
    when I have time I will be back to read a lot more, Please do keep up the fantastic b.

  2. Hey there would you mind letting me know which hosting company you’re utilizing?
    I’ve loaded your blog in 3 different internet browsers and I must say this blog loads a lot quicker then most.
    Can you recommend a good hosting provider at a fair price?
    Many thanks, I appreciate it!

    Here is my site blogs

Leave a Reply

Your email address will not be published. Required fields are marked *

Get Happy And Start Learning HTML Right Now

Do The First Two Lessons For Free!!

Joy Of Code girl happy at her laptop

All Of My Free Web Design Tutorials