Erm's I.T. Girl – Zelna Ellis

Don't fear when Zel is near…

HTML Links – Part 2

This is a follow up from HTML Links – Part 1. In this post we are going to have a look how to use a picture/image as a link as well as E-Mail Links.

Using an image as a link.

Example

<a href="http://ersmitgirl/wordpress.com/lastpage.html"><img border="0" alt="My Last Page"src="http://ermsitgirl/wordpress.com/2009/03/02/html-link-part-2/roll.gif&quot; width="75" height="68"></a>

Try It
Last Page

Note: The Image File can be any format, jpeg, bmp, tiff, etc.

E-Mail Links

Example
With this example it will open the client’s default e-mail program, create a new message, add a recipient in the ‘To’, ‘cc’, ‘bcc’ fields and also a short message in the ‘message text box’ (body of the message).

<a href="mailto:someone@ontheweb.com?cc=someoneelse@ontheweb.com&bcc=someobodyelse@ontheweb.com&subject=Winter%20Expo&body=I%20will%20will%20attend%20the%20Expo!">Send Mail</a>

Note:Use %20 instead of spaces in the sucject line and body text so the text will be displayed correctly.

Try It
Send mail!

In the next post we have an indepth look at all the attributes of the <a> Anchor tag.

3 March 2009 - Posted by | HTML | ,

1 Comment »

  1. great post man, i think your writing is really great, and i’d love to read more! hope you keep up the posting and keep up the good work, because this post has some really good quality!

    Comment by startpagina | 16 December 2010 | Reply


Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: