Creating HTML Text Links: A Guide for Beginners

sistasense — Wed, 20 Jan 2010 18:13:47 +0000

For the next few days, I am creating a series of how-to posts for the newbie marketers in my Affiliate program. Join the program and earn 30% commissions for each referral.

Regular text online is just readable. Text is referred to as a text link when you can mouse over it, and click it to open a web page.

Regular Text: Blogging for Beginners Video Series
Active Text Link: Blogging for Beginners Video Series

In HTML text links look like this:
Blogging for Beginners Video Series

Let’s break down the HTML Code Above:

Every link in HTML Starts with:

The Next part of the link code is: href=”website url”
This code tells your web browser what website to link to. Put the webpage url inside the quotes above where it says “website url”

Then you add a right arrow: >

This is followed by any text you want to include to describe the link. In the example above I used the text ‘Blogging for Beginners Video Series’, which tells the viewer what they will see if they click that link.

Then you add the closing tag:

Advanced text links:
If you click on the text link above it will open the Blogging for Beginners webpage in this window. Sometimes you want to open a text link in a new window. Click this link to see what I mean: Blogging for Beginners Video Series

To open a new window when I link is clicked, you must add the target tag, as seen in the example below:
Blogging for Beginners Video Series

If you have a blog try creating your own text links for practice. If you don’t have a blog, you can practice in a forum text box.

Sista Sense » Basic HTML Tips

Creating HTML Text Links: A Guide for Beginners