| You can turn anything into a link to something else. You already know how to insert images or text into your webpage, so turning those into links is very simple. First you need to have a URL to link to. For example, if I wanted to make the text 'click here' link to www.website.com I would type: |
| The only thing that will be displayed on the webpage is the text 'click here', which will now be click-able. When you click it with your mouse, it will take you to the website URL. You can make the text a different size, different color, bold, italic, or whatever you'd like, but you must start and finish the tags on either side of the text. For example, to make that link bold, I would write: |
 |
| <a href="www.website.com"><b>click here</b></a> |
| To make an image click-able, you use the same idea, but instead of typing the text, you put the image tag. For example: |
| <a href="www.website.com"><img src="http://www.website.com/mypicture.gif"></a> |
| This will automatically put a thin border around your image. To make this border thicker, or to remove it completely, you need to use the border tag. Using this tag, you can choose what size of border of any you want to have around your image. Some basic borders are: * Border="0" no border * Border="1" thin border * Border="2" thicker border If you don't want to have a border around your picture, you simply type border="0" inside the tag after you have typed the location of your image, like so: |
| <img src="http://www.website.com/mypicture.gif" border="0"> |
| If you have your own e-mail address you may want other people to be able to contact you. A great way t do this is to post your e-mail address on your website. |
| ***BEWARE*** If you post your e-mail adress on your webpage, absolutely anybody will be able to contact you via e-mail. Only do this if you are sure this is something that you want to do. If you are 13 or under, please make sure that this is OK with your parents first. |
| This code is much the same as creating a link, only instead of typing in the URL of the page you want to link to, you type in the e-mail address that you want to pop up. For example, if I wanted to post my email address as [email protected], I would type: |
| <a href="mailto:[email protected]">[email protected]</a> |
| This would display the text [email protected], and when you click on it, it will open up a blank e-mail addressed to [email protected]. Exactly like this: [email protected]. You may want to make the font a different size, make it bold or change the color. To do this, just type the relevant tag on either side of the linking text. |
 |
 |