<!doctype html>
<html>
<head>
<title>Button Ideas</title>
<link href='//www.rjmprogramming.com.au/PHP/emboss_h1.css' rel='stylesheet' type='text/css'>
<script type='text/javascript'>

function doalert(ib) {
alert("Clicking " + ib.id.replace('_', ' ').replace('_', ' '));
}

</script>
</head>
<body style='background-color:yellow;'>
<h1 align='center'>Some Button Ideas</h1>
<div align='center'>
<table cellpadding=10>
<tr><td>
<button id='Button' style='margin-left:-100px;height:100px;background-color:lightgray;font-family:verdana;font-size:16px;' value='Button' onclick='doalert(this);'>Button</button>
</td></tr><tr><td>
<input type='button' id='Input_Button' style='margin-left:-100px;height:100px;background-color:lightgray;font-family:verdana;font-size:16px;' value='Input Button' onclick='doalert(this);' />
</td></tr><tr><td>
</td></tr><tr><td>
<a id='A_Link_Button' style='margin-left:-100px;cursor:pointer;text-decoration:none;background-color:lightgray;border:20px solid lightgray;font-family:verdana;font-size:16px;' onclick='doalert(this);'>A Link Button</a>
</td></tr><tr><td>
</td></tr><tr><td>
<input type='file' id='Input_File' style='margin-left:-100px;height:100px;background-color:lightgray;font-family:verdana;font-size:16px;' value='Input File' onclick='doalert(this);' />
</td></tr><tr><td>
<div id='Div' style='margin-left:-100px;cursor:pointer;text-decoration:none;background-color:lightgray;border:20px solid lightgray;font-family:verdana;font-size:16px;' onclick='doalert(this);'>Div</div>
</td></tr>
</table>
</div>
</body>
</html>