National Basketball Association
And here's the code that made it.
Notice the three parts which make up this line of code. First, there is the <A HREF="http://www.nba.com/"> which begins the reference link. Notice the use of the full URL address in this case which is enclosed in quotations. Relative URL addresses may also be used. Second, there is the text which will become our link. Third, and most important, is the </A> tag which ends the reference link. Makes sense, right? You have a beginning, and end, and the stuff between which becomes linked.
Now, what if we were to combine the unordered list statement with this reference link statement. We could create a list of links. That is what you wanted, right?
Here's the code that did it.
Pretty simple, right? If not, maybe you should review the list tutorial. Notice how each link is surrounded by the <LI> and </LI> tags.
This link is to the Metropolitan Museum of Art. Ironic isn't it. Nevertheless, I home you can see the beginning of the link and the end in the following. If your not sure how to insert graphics into your home page, visit my tutorial on images.
Normally, this would all be on one line. I had to wrap it to make it fit. Notice, that in this case you need to know two addresses. You need to know the URL address where the link will take you and the URL address of the image you are using.
You probably noticed the blue lines around my image. That is actually the border of the image turning blue just the same way the text turns the color blue when it is a link. To remove the blue border, add the BORDER="0" attribute or option to the <IMG SRC="..."> statement. This is shown below.
And here's the code that did it.
Again, all of this should be on one line of code. I had to wrap it to make it fit.
Well, I hope you enjoyed this little link tutorial. I hope it helped