Hello everyone

My name is MIcah, I just finished the HTML and CSS courses and and building by first website. I want to make buttons at the top of my website in the nav bar that link the pages together. I was wonderng what kind of buttons I should use and how they are structured in HTML?

I know about the submit button but I just get the word “submit” in the box with my text. I don’t want that kind, just a button that links to that page.

This is the piece of my code that has the nav bar in it. I know its a little messed up but please keep in mind I am REALLY new at this. The part with the buttons are in bold. I just wanted help making the right kind of button
Thanks of the help :slightly_smiling_face:
MIcah

<h1 class="title">Eden Farm</h1>

<nav>

    <ul>

        **<li><form action="C:\Users\mbory\OneDrive\Desktop\Life\Code Academy\Our Farm\Pages\index.html">**

** Home**

** **

        </li>

        <li><form **action="https://www.google.com/maps/place/7360+Geddes+Rd,+Superior+Charter+Twp,+MI+48198,+USA/@42.2750803,-83.6184665,17z/data=!3m1!4b1!4m5!3m4!1s0x883ca9be2b588f8b:0x9878b390523c736d!8m2!3d42.2750803!4d-83.6162725?hl=en">**

** Find Us**

** **

        </li>

        <li><a class="main">Goods</a></li>

        <li><a class="main">The Farm</a></li>

        <li><a class="main">The Family</a></li>

    </ul>

</nav>

Hello Micah,

If you want to link pages together, you should use an anchor.
The anchor element is semantically the correct tag to link to another page.

<a href="https://google.com>Go to Google</a>

If you still want to use a button, you will have something like this:

<form action="https://google.com">
  <input type="submit" value="Go to Google" />
</form>

The action is the URL where your button will redirect, and the value will be the text displayed by the button.

Also, just for your knowledge, the link C:\Users\mbory\OneDrive\Desktop\Life\Code Academy\Our Farm\Pages\index.html will only works on your computer :wink: