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 code a image 

Ever wonder how to get a image on your myspace page or on your blog? well the following code below is the key to producing an image on to your page. <img src=""> Now Image hosting sites aren't there for no reason, if you don't have your own website or hosting site, sites like image shack.us, Photobucket.com, and imagehustler.com are there to host your images for free. Now go o my links pages and click on on of the links and host the image you want to add to your website. when the loading is done you will get a bunch of links, some that are already coded for you. Copy the direct link or URL and paste into the image codes right between the ""
For example, i hosted the following image I copied the direct link and pasted it into the image codes <img src="http://www.imagehustler.com/0607/1187902323.gif"> and there you go, done.
Extras:
Borders <img src="" border="0"> <img src="" border="1"> set it to a certain width or height with no border <img src="" width="100px" > <img src="" height="100px"> <img src="" width="100px" height="100px">

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

How to align an image to the right or to the left 

They look nice in blogs and articles or even a short passage. by putting the following align="left" or align="right" into your image codes you can make your blog, article or even mini bio look much better. <img src="" align="left"> <img src="" align="right"> There are the codes, heres the visual example.
The following image will be used:
Heres an example of what will happen when you don't add align="" into the image codes. the words are moved to the very bottom of the image.
Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah

Result of Align="left":
Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah

Result of Align="right":
Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah blah blah Blah

How to make bullets 

Bullets are great if you have a lists and or even better site updates.
the following codes are for the indent, like in the list above. <ul></ul><xmp> and for the bullets: <xmp><li></li> and if you want to make a list of 5 things it will look like this <li></li> <li></li> <li></li> <li></li> <li></li> so for an indented list like what i had above the codes will be like <ul> <li></li> <li></li> <li></li> </ul> you can enter the codes like so, spacing it out makes it easier and less confusing
so lets say i want to make a list of what i want to add on to my site, i will code it like this: <ul> <li>Clean up folders</li> <li>Make more tutorials</li> <li> Start a contest</li> <li> Start making a reviews section</li> </ul> all that above will look like this

• Clean up folders
• Make more tutorials
• Start a contest
• Start making a reviews section

How to bold, italics, underline and strike out words 

want to make something stand out in a passage? or just make your text look pretty? then here are the codes for bold, italics , underline and strike
Bold <b>Bold</b> italics <i>italics</i> underline <u>underline</u> strike <s>strike</s>

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.

Post a Comment

got any questions, concerns or ideas please comment below.

Comments

No comments yet

*Name:
Email or website:
	Hide my email
*Text:
	Powered by Scriptsmill Comments Script