How to set up About, Contact, etc pages

I have a site that i just set up and I have links in the nav bar across the top that include Contact, About, Photos, etc.

How do I set it up where if people click on the link in the nav bar that it will take them to the actual page?

 

Create HTML (or php) pages and save them with the file name that corresponds to your links. Then upload to the same directory as your index page.

For example if this is your HTML:

<li><a href="contact.html">Contact Us</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="photos.html">Photos</a></li>

Code (markup):

Then your file system would look a little like this:

- index.html (this is your home page)
- contact.html
- about.html
- photos.html

Good luck.

 

Don't forget to wrap the <li> tags in <ul>.

 

Actually if he's going to create the nav bar across, he needs to add some CSS to it as well otherwise it'll be vertical

Use something like this:

<div id="navigation">
<ul>
<li><a href="link">Menu Item</a></li>
<li><a href="link">Menu Item2</a></li>
<li><a href="link">Menu Item3</a></li>
</ul>
</div>

Code (markup):

Then for the CSS to style it properly do something like this:

#navigation {display: inline; width: 800px}
#navigation ul,#navigation li {margin: 0; padding: 0; list-style: none;}
#navigation li {padding-right: 20px}

Code (markup):

The width on the navigation is set to whatever width your entire menu is. The padding-right on #navigation li will set x amount of space between each menu item