<!-- --><!-- --><style type="text/css">@import url(http://www.blogger.com/static/v1/v-css/navbar/697174003-classic.css); div.b-mobile {display:none;} </style> </head><body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener("load", function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <iframe src="http://www.blogger.com/navbar.g?targetBlogID=20981690469561729&amp;blogName=Neo-Faerie+Wings%3A+Your+source+for+hig...&a mp;publishMode=PUBLISH_MODE_BLOGSPOT&amp;navbarType=BLACK&amp;layoutType=CLASSIC&amp;searchRoot=http%3A%2F%2Fneo-faeriewings. blogspot.com%2Fsearch&amp;blogLocale=en_US&amp;homepageUrl=http%3A%2F%2Fneo-faeriewings.blogspot.com%2F" marginwidth="0" marginheight="0" scrolling="no" frameborder="0" height="30px" width="100%" id="navbar-iframe" allowtransparency="true" title="Blogger Navigation and Search"></iframe> <div></div> Neo-Faerie Wings: Your source for high quality neopets graphics: Hyperlinks

May 14, 2010

Hyperlinks

Hyperlinks or links as they are commonly called are very easy to do!

How to do text links:

<a href="YOUR ULR HERE"> THE TEXT YOU WOULD WANT TO APPEAR HERE </a>
Example: <a href="http://www.angel-wings.co.nr/"> ANGEL WINGS </a>
and the example link above will look like this:
ANGEL WINGS

What if you want to put an image on your link

<a href="YOUR ULR HERE"><img border=0 src="YOUR IMAGE URL HERE"> </a>
Example:<a href="http://www.neo-faeriewings.co.nr/"><img border=0 src="http://i90.photobucket.com/albums/k260/neofaeriewings/nfw3hi3.gif"> </a>
and the example link above will look like this:

How to send someone on a specific part of the page

If your page is so long that your visitor would have to scroll up and down a lot, no need to worry. You just have to provide them with a link that would take them on the specific part of your page or what we usually call an ANCHOR!
To start of you would need to name the particular part of the page you want to direct your visitor to. In our example let's use the name HERE.
<a name="HERE"> THIS IS THE SPOT</a>
Then on the link you want your visitor to click to go to THIS IS THE SPOT add this code
<a href=#HERE> CLICK HERE TO GO TO THIS IS THE SPOT </a>
let's try our examlpe, click the link below
CLICK HERE TO GO TO THIS IS THE SPOT

What if you want to send your visitor to a specific part of a different page?

It's simple, all you have to do is name the particular part of the page this time let's use THERE
<a name="THERE"> YOU'VE FOUND "THERE"</a>
Then on the link you want your visitors to click to go to "THERE" add this code:
<a href="PUT THE URL OF THE PAGE WHERE THERE IS#THERE"> CLICK HERE TO GO TO "THERE" </a>
Example:<a href="terms.html#THERE"> CLICK HERE TO GO TO "THERE" </a>
Now let's try our example. I want you to go where "THERE" is. Please click the link below to be transporated
CLICK HERE TO GO "THERE"

Please come back here afterwards.

E-mail Links

Here is the link for sending e-mails.
<a href="mailto:YOUR E-MAIL ADDRESS">E-MAIL ME</a>
Example:<a href="mailto:angelwings_staff@yahoo.com">E-MAIL ME</a>
then the link would look like the one below
E-MAIL ME









































THIS IS THE SPOT
wasn't that fun?

Labels: , ,

0 Comments:

Post a Comment

Subscribe to Post Comments [Atom]

<< Home