First of all
Getting ready


Homepage-making "tricks"
The rules of the world of homepages


 Basic "tricks" you should know
   - Make Text easy to read
   - Try changing the text position
   - Try adding pictures
   - Adding links to other sites
Different Colors


Rent space to open your homepage in
Use the Buttobi.net File Manager and show your homepage to everybody


Lots more "tricks"
How to become a homepage master



<>
Basic "tricks" you should know - Adding links to other sites


Add a link to another page: <a href="URL">

Right... now I'm going to explain about what can even be called the foundation of a homepage - adding links.

The basic form of the trick for adding links is

<a href="URL">Text for the link</a>

In the URL space, if it's within your own homepage,
insert the file name.

<a href="profile.html">Profile</a>

If you're linking to other homepages, insert the URL of the homepage you want to add a link too.
Don't forget to put " " around the URL, either.

For example......

<a href="http://www.buttobi.net/en/">Buttobi.net</a>

If you look at it in your browser...
Buttobi.net

Like this.


 
 
But with this, the homepage in the link
gets displayed in the current window...
Can't I make the link open in a new window?




You're starting to ask some pretty complicated things,
aren't you, Mr. Buttobi.

When you want to open a new window,
you just need to add a trick that says
"Open in a new window" inside the <a href=""> tag.

<a href=
"http://www.buttobi.net/en/" target="_blank">Buttobi.net</a>

If you look at it in your browser...
Buttobi.net

Did it open in a new window this time?


 
  Yeah, yeah!! This is how I wanted it to be!

Extra volume: Changing the color of link text

You can set the "font color for the whole page",
as well as the "font color for link text".

To do this, you need to change one of the basic tags,
the <body> tag.
Try adding the following into the the <body> tag.

<body text="#000000" link="#FF0000" vlink="#FF8080" alink="#993300">

Set the color code for each thing.
For information on color codes, refer to "Different Colors".

text="color code" : set the font color for the whole page
link="color code" : set the font color for links
vlink="color code" : color for links that have been accessed
alink="color code" : color for links when clicked


 
 
We can set the background, and lots of other stuff,
using the <body> tag, can't we!



You can also set links as images rather than text.
In the above example we put <a href="URL"></a> around the text for the link, but you can also put <img src="image file name">, like we learnt on the previous page, here instead.

<a href="http://www.buttobi.net/en/" target="_blank"><img src="buttobi.gif"></a>


 
 
Huh? But... the link's there,
but there's a weird frame around the image.

If you look at it in your browser...



Ahh, that's called a border,
if you add a link then this line appears.
It's so you can easily tell that the image is a link, but if you don't really like it, inside the <img> tag add

border="0"

and the line will stop being shown.

<a href="http://www.buttobi.net/en/" target="_blank"><img src="buttobi.gif" border="0"></a>

If you look at it in your browser...


 
 
Being able to jump to another homepage from an image that we prepared ourselves is kinda impressive, isn't it...