How to Create a Link with a Title

When you want to put a link on your webpage do you want it to look boring and lame?


So how do you fix that? Here’s the answer. Fist, Chose a link that you would like to put on your webpage. Then in your HTML file between the <body> tags type

<a href=

After the equal sign put a quotation sign and then type in the url of the website that you are trying to put on your website and then put a ending quotation.

Right now it should look like <a href=”the website address”

Next, put a greater than sign and then the name of the link that you would like to appear on your website and end it with a </a>

The final code will look like  <a href=”the website address”>The Name that you would like to appear</a>

Now to make it look different and exciting you can add a color to the Link by using Internal CSS.

First, within the <head> </head> tags you type the specific style that you would like. An idea for this would be typing

<style type=”text/css”>
a:link {color:#FF0000;}
a:visited {color:#00FF00;}
a:hover {color:#FF00FF;}
a:active {color:#0000FF;}

It is easy to change the colors of each of those different styles to personalize the link by changing the number code after “Color:”.  The “a:link” stands for the color that will be viewed when the webpage is first opened. The “a:visited” means that is the color the link will appear after the link has been clicked on. The “a:hover” tag means that is the color the link will appear if you put your mouse over the link and the “a:active” style appears when the link is active.

See? Adding a name and different styles to a link is really not that difficult! Now you can change the colors of text to make your website easier to use and view.

~Jacquelyn Fisher


~ by jmf147 on September 16, 2012.

%d bloggers like this: