Home » Technology » Website Creation » Part 6 - The Missing Link: Hyperlinks - Page 2

Part 6 - The Missing Link: Hyperlinks - Page 2

© Tracy Ryan

Now, you've sent people from your site to visit Suite101, but what if you don't want them leaving your site completely? Well, you can have the link open in a new browser window. I'm sure you've been on other sites and had this happen to you when you've clicked on a link. It's really easy to format your links to make this happen. All you need to do is set a "target" window for the link to open into. The HTML for this is...

Suite101

You can call the target anything you like, but "_blank" is the standard name that's used. If and when you get to using frames on your site (which we'll cover later) you'll have other targets to worry about and you'll probably find it's best to stick with "_blank", so it's best to learn it that way from the start.

That just about covers the basics of linking. Now, let's apply all of this to a picture link.

Here we have the logo for Suite101. Let's use that instead of text for the links we created above.

All we need to do is replace the link text with an image tag which we learned in the last article.

What you'll see when you do this, is a border around the image, in the colour that the link text would have been. You can avoid this happening by setting a border size in the link tag. I'll show you...

You can set the border for any size you like. Zero gives us no border at all, and the larger the number, the wider the border will be. You can also use the target variable, the same way as you would with a text link.

And there you have it. You can link to anything you choose!

The copyright of the article Part 6 - The Missing Link: Hyperlinks - Page 2 in Website Creation is owned by Tracy Ryan. Permission to republish Part 6 - The Missing Link: Hyperlinks - Page 2 in print or online must be granted by the author in writing.