To create a button, use the "input" tag, with the type attribute set to "button":
<input type="button" id="myButton" />
To make it perform an action, including navigating to another site, code the "onclick" attribute. The value will be a JavaScript function you've written and included elsewhere in the document (in the HEAD section, within SCRIPT tags), or will be inline JavaScript itself:
<input
type ="buttton"
id = "myButton"
onclick="self.location='destination_page.html';" />
However, might I suggest another technique entirely? Use standard hyperlinks. Using CSS, you can make them look and behave exactly like buttons, with no JavaScript.
<html>
<head>
<style type="text/css">
a:link, a:visited
{
float: left;
margin: 2px 5px 2px 5px;
padding: 2px;
width: 100px;
border-top: 1px solid #cccccc;
border-bottom: 1px solid black;
border-left: 1px solid #cccccc;
border-right: 1px solid black;
background: #cccccc;
text-align: center;
text-decoration: none;
font: normal 10px Verdana;
color: black;
}
a:hover
{
background: #eeeeee;
}
a:active
{
border-bottom: 1px solid #eeeeee;
border-top: 1px solid black;
border-right: 1px solid #eeeeee;
border-left: 1px solid black;
}
</style>
</head>
<body>
<a href=
"#">Button
1</a><a href=
"#">Button
2</a><a href=
"#">Button
3</a>
</body>
</html>
Replace the "#" sign in the href tags, with the actual URL of the target page.
This technique will accomplish all your stated goals.
Unsolved 
Offline 
