Home | MyGetWebLished
GetWeblished Blogs
Active Blogs
My Blogs
Subscribed Blogs
Create New Blog
Blogs // Helpmaster's Help Studio // Quick Tutorials 2. Creating hyperlinked text or pictures
Quick Tutorials 2. Creating hyperlinked text or pictures (11 August 2006 10:57)

1. hyperlinking text:
look at the following code:

< a href=" www.mywebsite.com ">this is the name i wish to give this link


nb: ther are spaces after and before the < and > and before and after the " " marks, these must not be there, they only appear here so the code can be visual

here is the affect of inputtign that code correctly:
helpmasters page


2. hyperlinking an externally linked picture:

right so we've looked at how to display a picture anywhere using the code in the first tutorial which can be found here


now we want to make that picture a link to another site or part of this site, here is the code we need to look at:

< a href=" www.mypicturewilllinktothissite.com ">< img src=" sourceofmypicturelocation.com '" border="0"

again the spaces before and after the < and > and the " " marks must be removed for the code to work

"www.mypicturewilllinktothissite.com" - this text which is red in the above referes to the site you wish the picture to link to
"sourceofmypicturelocation.com" --this refers to the source of your picture, i.e. tis location, which was discussed again in the first tutorial here
you should notice that code appears here identically it just has the linking element added to it.
the last part which says border="0" refers to having a border around this picture it is not necessary but you can enter a value here if u wish the picture to have a border.



right so if you enter this code correctly you should have the following effect:

where im displaying a picture of the helpmasters group which i want to link to my group on get weblished:



Comments
Add your comment: