Well, I guess it's time to start learning how to tie some of this together. Not only linking to other pages, but tieing together what you have learned so far.



Now that you can put on backgrounds, add sound and images and use text, you'll want to be able to build several pages and link them together, or link your page to others. This can be done in a few different ways. I'll show you some of the ways below.

Using Text To Link

This is when you connect one page to another using text as the "hook". I know that "hook" isn't a professional html term, but I think it gives you a better idea of what it really does. It really allows you to "catch " one page from another.

So let's look at where we are on this page. Pretend it's your webpage or your email sig box and you want a link to a page like this:
Click Here To Test Link Function

( see how that works ? )

Now let me show you the code and explain what other things are tied in here that you learned on the other pages. The code is:
<<>a href="http://the Url of the page you want to link to"><<>font color="gold">Click Here To Test Link Function<<>/a><<>/font>

Now see right there, you have learned that " a href= " is the tag that makes the link, and the slashed "a" is the place that "hooks" that page you linked to. Also look at the " font" tag that changed the color of the text. It has an opening "font" tag and then a slashed "font" to close the tag. ( You saw that on the font and text pages you studied before.)



Using An Image To Make A Link

Now say that you want to link from the page you are on to a midi site, and you found this image



( or gif ) that you want to provide the link.

Click on the image below to test )



The code for that is:


<<>a href="http://URL to midis"><<>img src="http://the URL of any image"><<>/a>

So now you have done that and you sit back to look at it and think " Hmmmmm, it's a little too small and a bit to plain."
So what can you do?
Well you can add a border, increase the size by width or maybe add a table and increase the size by height, OR...you can do any combination of those elements.
Here's the first way.


Did you click on it to test?

Here's the code:

<<>a href="http://Url to music"><<>img src="http://Url of image"height="8"border="12"><<>/a>

Now here's another way you can test by clicking on it. See what a difference you can make with a table and borders?



Are you beginning to get the idea howe to mix and match elements ??

Here's the code for that one.

<<>table bgcolor="#ff0099"border="6"><<>tr><<>td align="center"><<>table bgcolor="#ffffff"border=4"><<>tr><<>td align="center"><<>a href="http://URL to music"><<>img src="http://URL of image"height="200"width="175"border="12"> <<>/td><<>/tr><<>/table><<>td><<>tr><<>table><<>/a>

If you really wanted to, you could put a bunch of images in a table where you can click on each image and make something called "thumbnails" that would look like this:

Click Here

You'll see more of how to do that in the "tables" section.

Click Here
To Return To " Codes & Functions