Love,
Hi! This is our page of how Mom does the cool links to other pages and stuff. That's how we linked Bella to my page under her photo. Try it with your bestest beastie pal, it's FUN!
SheilaDog
Links are not as difficult as they appear at first. You need to grasp the logic, and then it is easy.
A link consists of two parts: a set of command tags to command the browser to click into the directed page, and a piece in between those, to click on. That piece may be text or a photo or even a graphic.
Text Links.
I have a sentence in Sheila' page that says of her doggie's friend Bella, " To see her page click HERE". I wanted to make just the word HERE the link. So I use my command tags to surround the HERE:
<A HREF = " http://www.dogster.com/pet_page.php?i=234315&j=t ">HERE</> .
Note the turnoff tag. All link commands begin the same, and after the = sign inside quotes is the URL you are going to.
Photo and Graphics Links.
Photo and picture/graphics links work exactly the same way. Except, instead of text between the link comand tags, you have an image tag. Let us say I have on my server an image called Sheilaface.jpg . The URL for this graphic from my server where I have it uploaded, is http://www.oocities.org/greenshp/Dogster/Sheilaface.jpg . I want to make that image a link. I want it to link from here to Sheila's Dogster page.
I can visit the Dogster page for Sheila, and I will see that up in my browser's address box is the URL: http://www.dogster.com/pet_page.php?j=t&i=441295 . I copy this.
Now I return to this page, which you are reading now - I bring up the HTML code. I insert where I want the image to appear: <A HREF = "http://www.dogster.com/pet_page.php?j=t&i=441295"> Next, I want to put the image tag. This is the graphic or photo I want people to click on:
<IMG SRC = "http://www.oocities.org/greenshp/Dogster/Sheilaface.jpg">
Now I need my turnoff tag: </A>
So in full, my code will look like:
<A HREF = "http://www.dogster.com/pet_page.php?j=t&i=441295">
<IMG SRC = "http://www.oocities.org/greenshp/Dogster/Sheilaface.jpg ">
</A>