HTML Tutorials - Email


In this tutorial we will look at making two types of email links on your html pages (1) Text email link (2) Image email link.  The mailto is a quick way to add the facility of receiving feedback from visitor on your web site.

With the HTML mailto, you create a link which when clicked by the visitor launches (if it's not already running) their email program with a new email message window. The visitor could then formulate the email message and send it off to you.

In html it is very easy to make this link using the mailto tag.

 

<a href="mailto:admin@beginner-tutorials.com">Contact Us</a>

Be careful when specifying your email address, there are programs out their that collect information from web pages such as mailto addresses; these addresses are then continuously spammed.

Html allows us also to append some extra information to your email, for instance the subject header and body text.

Example:

<a href="mailto:admin@beginner-tutorials.com?subject=Contact Us Query&body=Contact US Query from beginner-tutorials.com ">Contact Us</a>

  • Subject - Populates the subject of the email with the information that you provide.
  • Body - Populates the body of the email with the information that you provide.

 

Output in Browser:

html email tutorial

If you where to click the link, outlook would open with the following

html email tutorial

C++ Functions Tutorial