I have just recently started doing web design in college. We are using html in notepad. On the website i am designing as a class exercise I have buttons as a menu. I would like to know how to make those buttons links to other pages? Can anyone help me? Below is the code i have used.
<div class="mybutton">
<a href="attractions.htm">
<button style="width:150;height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Attractions
</button></a>
<a href="pricing.htm">
<button style="width:150;height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Pricing
</button></a>
<a href="facilities.htm">
<button style="width:150; height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Facilities
</button></a>
<a href="directions.htm">
<button style="width:150; height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Directions
</button></a>
</div>
<div class="mybutton">
<a href="attractions.htm">
<button style="width:150;height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Attractions
</button></a>
<a href="pricing.htm">
<button style="width:150;height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Pricing
</button></a>
<a href="facilities.htm">
<button style="width:150; height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Facilities
</button></a>
<a href="directions.htm">
<button style="width:150; height:24; background-color:#000000; font-family: calibri; font-size:16px; color:ffffff">Directions
</button></a>
</div>