Blog, Blogging for Beginners, Web Design Tips

Creating HTML Text Links: A Guide for Beginners

Posted on January 20, 2010April 3, 2013 by LaShanda

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:
<a href=”http://ecourses.webtechgurl.com/blogging-for-beginners”>Blogging for Beginners Video Series</a>

Let’s break down the HTML Code Above:

Every link in HTML Starts with: <a
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: <a>

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:
<a href=”http://ecourses.webtechgurl.com/blogging-for-beginners/” target=”_blank”>Blogging for Beginners Video Series</a>

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.