|
How
to Add Hyperlinks to Your Profile
Before continuing, please read
the beginners guide to
html syntax.
Hyperlinks can be added to your
profile, in the form of a text link or image link.
Hyperlinks are simply a reference to another web page.
This guide if for making a single hyperlink in your profile.
You can add hyperlink HTML to any of the forms under 'interest
and personality.' (See
Inserting the Code
Basics).
Some of the tools on this page let
you change the appearance of individual links. If you would
like to change the appearance of all the text link on your
profile, it will
be easier to simply use CSS
(Cascading Style Sheets) or one of our
cool themes.
Feel free to copy and
paste the code in boxes.
Be sure to change the red text.
|
Adding a text link:
In HTML, the "a" is an html element
or tag associated with a hyperlink. Notice how the code
below begins with <a
and ends with </a>.
The first html elements, <a
signals that from here on, all text should be hyperlinked.
We close the element by using the </a> element.
There is one required attribute you
must include in order to hyperlink text. It is the href
attribute. The "href" is an attribute that indicates
hyperlink reference (href). The hyperlink reference is
also called the web address or URL.
Sample code you can copy and paste:
(Substitute your own information in place of the
bold red text.)
HTML
Breakdown of HTML Elements:
Element begin
and end | <a> and </a>
Hyperlink attribute | href="X"
|
<a href="http://www.URL.com/">Text
Goes Here</a> |
Preview | Text Goes Here
Adding a image link:
In order to add an image link, you
need to know the absolute path t
HTML
Breakdown of HTML Elements:
Element begin
and end | <a> and </a>
Hyperlink attribute | href="X"
Border attribute | border="X"
Image source attribute | src="X"
|
<a href="http://www.profilehtml.com/">
<img border="0" src="http://www.profilehtml.com/images/arrow.gif"></a> |
Preview |
Adding a text link with color:
HTML
Breakdown of HTML Elements:
Element begin
and end | <a> and </a>
Hyperlink attribute | href="X"
Border attribute | border="X"
Image source attribute | src="X"
|
<a href="http://www.profilehtml.com/"><font
color="#FF0000">Hello!</font></a> |
Preview |
Hello!
Mak a new window spawn when you
click on a link:
HTML
Breakdown of HTML Elements:
Element begin
and end | <a> and </a>
Hyperlink attribute | href="X"
Border attribute | border="X"
Image source attribute | src="X"
|
<a target="_blank"
href="http://www.profilehtml.com/">Hello!
(Opens in new window)</a> |
Preview |
Hello!
(Opens in new window)
In addition to a simple hyperlink,
you can also add a tool tip to your link. Basically, the
tool tip will load when a user places to
cursor over the hyperlink.
|
<a title=" Hello!
World " href="http://www.profilehtml.com/adding-hyperlinks.htm">
Put your mouse over me! </a> |
Preview |
Put your mouse over me!
Additional
information:
The majority of
this guide is directed toward modifying your profile. If you are
writing content for your MySpace blog, you can add text
links using the MySpace blog editor. Simply click on
the 'http' button and follow the onscreen instructions.
If you are writing a blog entry on MySpace,
click on the http button to add a text link. |
|
