The buttons themselves are just part of a form.
Here is the complete code for all five buttons and the complete form. (You will still need the style sheet and the IFRAME, and will need to include a link to the stylesheet as previously mentioned (About these Buttons button.)



<form method="post" name="menuform" target="scriptwindow">
 
<INPUT TYPE="button" NAME="button01" 
CLASS="btnMedium" VALUE="About these buttons"
onClick="parent.scriptwindow.location.href('js0001.html')"
onMouseDown="this.style.color='black'"
onMouseUp="this.style.color='gray'" 
onMouseOver="this.style.background='ff0080'"
onMouseOut="this.style.background='blue'"><br>
 
<INPUT TYPE="button" NAME="button02" 
CLASS="btnMedium" VALUE="The Form"
onClick="parent.scriptwindow.location.href('js0002.html')"
onMouseDown="this.style.color='black'"
onMouseUp="this.style.color='gray'" 
onMouseOver="this.style.background='ff0080'"
onMouseOut="this.style.background='blue'"><br>

<INPUT TYPE="button" NAME="button03" 
CLASS="btnMedium" VALUE="The stylesheet"
onClick="parent.scriptwindow.location.href('js0003.html')",
onMouseDown="this.style.color='black'"
onMouseUp="this.style.color='gray'" 
onMouseOver="this.style.background='ff0080'"
onMouseOut="this.style.background='blue'"><br>

 
<INPUT TYPE="button" NAME="button04" 
CLASS="btnMedium" VALUE="The inline frame"
onClick="parent.scriptwindow.location.href('js0004.html')"
onMouseDown="this.style.color='black'"
onMouseUp="this.style.color='gray'" 
onMouseOver="this.style.background='ff0080'"
onMouseOut="this.style.background='blue'"><br>

 
<INPUT TYPE="button" NAME="button05" 
CLASS="btnMedium" VALUE="Customizing"
onClick="parent.scriptwindow.location.href('js0005.html')"
onMouseDown="this.style.color='black'"
onMouseUp="this.style.color='gray'" 
onMouseOver="this.style.background='ff0080'"
onMouseOut="this.style.background='blue'"><br>

</form>