MaraHTML

¤ Tisha Look's HTML Tutorial ¤

How To Add Links

Unless you're only making one web page, you'll eventually want to link your pages together into one site. You can also use links to link to someone else's site. However, be aware of the Marapets Terms and Conditions regarding Marasites:

10. Any links to (or advertisements of) other sites are strictly forbidden, unless they are Marapet fan sites. In these cases we would prefer if Marasites are used.
14. Fansites of Marapets that do not use Marasites cannot use any chat features, which include Forums, Shoutboxes, or any form of account registration with username and password for that site. Any user caught linking to such sites from here will be banned.

How To Link To Another Page:
First, you'll need to know the URL (web address) of the page you want to link to. To get the URL, simply go to the page you want to link to and look at the URL in the address bar of your browser. It should look something like this:

http://marahtml.com
http://marasites.com/?name=tishalook&page=htmlguide

Once you have the URL, here's the code to link your page to it:

<a href="http://put.the.url.here">Text For Link</a>

Note how there is an opening and closing tag. Between those 2 tags is the text for the link. The text is what people will click on to get to the linked page. So, if you used the following code:

<a href="http://www.marapets.com">Visit Marapets Today!</a>

It would link to the Marapets site and would look like this:

Visit Marapets Today!

Using Images As Links:
You're not limited to using text only when it comes to links. Let's say you have an image that you want to link somewhere else whenever someone clicks on it. A good example of this is a button that links to another site. To make an image link, simply replace the text for the link with the code for the image. Sound confusing? It's not. Behold:

<a href="http://put.the.url.here"><img src="http://put.image.url.here"></a>

So, if you wanted to link to my site and you wanted to use my graphic, here's the code you would use:

<a href="http://marahtml.com"><img src="http://marauploads.com/tishalook/link2me.jpg" border="0"></a>

Using the code above, the result would be this:

Note: I set the border to zero on the image because I don't like having extra colors around my linked images. If that doesn't bother you, by all means feel free to remove it from the code. I suggest you play around with it both ways to see which suits you better.

¤ NAVIGATION ¤

¤ Home

¤ HTML Tutorial:

Intro

Adding Graphics

Working With Text

Working With Colors

Adding Links

Creating Tables

Adding Music

Marquees

Scrollbars