Link Basics

Difficulty: Beginners Misc Advice

How to make a link

You seen links, you've clicked them and they take you to new pages. Now its time to make your own. <a href=""></a> Heres the code, but I guess your saying to your self wtf does she want me to do with it?... well I want you to know what a basic link code looks like... duh! Now heres an example of what it can turn into to make a working link. <a href="http://silentatmosphere.com">Silent Atmosphere</a> between the "" goes the website address which is also called URL. and between the < > goes the name of the link. So now the link will come up like:
Silent Atmosphere

How to make a link open on a new page

Not much of a difference from the previous tutorial just one new add-on to make the link open in a new window. Now this is the average link <a href=""></a> when you use this the desired link opens in the same window. Making links that lead to another site open up in new windows are good if you own a resourse, graphic or blog site and you don't want your visitors to leave your site just yet.
So by adding the following add on to your link code will get the links you want to open in new pages. target="_blank" All together the link code looks like <a href="" target="_blank"></a> that _blank enables the link to open in a brand new page or if you using netscape 8 or 9 in a new tab. so we will test with this link <a href="http://www.myspace.com/" target="_blank">Myspace</a> Test it out and click the link Myspace

How to link an email address

ever wonder how a link that says "Vampchick1756@aol.com" opens up your write email window? well the normal link code below <a href=""></a> can be changed to this <a href="mailto:Vampchick1756@aol.com"></a> and there it is, nothing huge but mailto: and the email address. make sure you write mailto:yourscreenname@yahoo, hotmail, aol, aim, netscape.com in between the "" like you would if it were a normal link just replace Vampchick1756@aol.com with your own email address and thats it.

How to link a image

While the image codes stay the same and so does the link codes we are going to combine the following codes below to link an image. the purpose of this is if you have a button for a website and you need to link that button to the website, or if you have a small image preview that needs to be linked to the full size. The link code: <a href=""></a> The image code: <img src=""> the combined result: <a href=""><img src=""></a> Variations:
To open in a new page <a href="" target="_blank"><img src=""></a> to not have a border <a href=""><img src="" border="0"></a> set it to a certain width or height with no border <a href=""><img src="" width="100px" border="0"></a> <a href=""><img src="" height="100px" border="0"></a> <a href=""><img src="" width="100px" height="100px" border="0"></a> you can edit the 100px to whatever size you want the image to be 100px is the size of live journal icon or forums icon. Now that you have an idea on how to edit image and link codes now its time for an visual example. <a href="http://www.silentatmosphere.com/"> <img src="http://i14.tinypic.com/4p0pgtf.png" border="0"></a> will result in