How to spice up your MySpace profile for free.

2009-03-13T00:08:00.000-07:00

So you've got a MySpace profile? Cool! Now you want to change the look right? Or add some music? This free MySpace HTML tutorial teaches you some basic HTML code to get you on your way.

Fortunately, your MySpace profile page is already an HTML page, so you don't need to start from scratch. All you need to do is change the page or add things to it. You can do this using "HTML tags".

HTML Tags

HTML stands for Hypertext Markup Language, and is the main language used to create websites. HTML uses "tags" that allow you to specify things (or "elements") to go on your web page. Some of the more common elements include headings, paragraphs, images, list items, music, and more.

HTML tags almost always have an opening tag and a closing tag, with some text in between. Something like this: some text. Note that there isn't actually an HTML tag called "htmltag" - this is just an example. You'll see some real HTML tags below.

There are some HTML tags that don't have a closing tag. They look something like or

Bold Text

You can make some text bold by using the tag.

Example HTML code:

bold text

Result:

Bold text

Italic Text

You can make some text italic by using the  tag.

Example HTML code:

italic text

Result:

Italic text

Links

You can link to another web page using the <a></a> tag. This tag requires an attribute to determine which page to link to.

Example HTML code:

Learn about the <a href="http://www.natural-environment.com/">Natural Environment</a>

Result:

Learn about the Natural Environment

Images

You can link to an image using the <img src="" /> tag. This tag also requires at least one attribute (to determine which image to link to). You can also use attributes to provide the dimensions and "alt text". Alt text is used in the event that the image can't be loaded.

Example HTML code:

 <img src="http://www.natural-environment.com/images/milford_sound/milford_sound.jpg" alt="Photo of Milford Sound, New Zealand" width="442" height="296" />

Result:

Music

You can link to a music file using the <embed> tag. This tag also requires at least one attribute (to determine which music file to link to). There are also optional attributes. In our example below, we use loop="true" to say "replay the music file once it's finished". We use autostart="false" to say don't start automatically when the visitor loads the page - wait until they click the "Play" button.

Example HTML code:


<embed name="lostmojo" src="http://www.quackit.com/web_design/lostmojo.wav" loop="true" autostart="false">
</embed>

Result:

More HTML

We've just covered some of the most common HTML tags you can use to dress up your MySpace profile page. As you can see, HTML is really easy to use.

If you'd like to learn more about HTML, check out the full blown HTML Tutorial. This tutorial starts from the basics (such as the things you've just learned), then continues on to some more advanced topics. Some tags you won't be able to use on MySpace, but hey, it doesn't hurt to learn them anyway!

You can also check out the HTML Cheat Sheet for a quick way of getting some HTML code.

Finally, the full list of HTML tags shows you all HTML tags at a glance.

More HTML Codes

Check out our huge range of free HTML codes that you can copy/paste into your website or MySpace page.

And, if you wanna learn more, check out our free HTML tutorial!

This tutorial is copyright to www.quackit.com.

Pimp your MySpace Background.

2009-03-12T07:33:00.000-07:00

The absolute fastest way to pimp your MySpace background or profile is to grab something that is pre-made for you.

Just plug it in and show your friends how good it is. Then you can adjust bits here and there, make small changes until you have it absolutley just the way you want it to look.

A work of art and totally awesome.

Myspace Background Love

How to spice up your MySpace profile for free.

HTML Tags

Bold Text

Italic Text

Links

Images

Music

More HTML

More HTML Codes

Pimp your MySpace Background.