Let's get started with Web Site Navigation!

  1. Open Notepad++
    1. Open your index.html file
    2. Open your styles.css file
    3. Copy the Navugation Template (HTML) code (below)
    4. Paste that code into your index.html file after the <body> tag.
    5. Add styles to your styles.css file for the <a> tag. For example: text-decoration and color
    6. In your index.html file:
      1. Add a link to this page.
        Change: <li>Createw Site Navigation Page</li>
        to: <li><a href="index.html">Create Site Navigation Page</a></li>
    7. Save your changes
    8. Click: Run
    9. Choose: Launch in IE
      or Launch in Chrome
      or Launch in Firefox
    10. View your web page
    11. Make any changes
    12. Save your changes
<div id="nav">
  <p>| <a href="index.html">Home Page</a> |
  <a href="table.html">Table Page</a> |
  <a href="lists.html">Lists Page</a> |  
  <a href="divs.html">Divs Layout Page</a> |  
  <a href="form.html">Form Page</a> |
  <a href="multimedia.html">Multimedia Page</a> |
  <a href="js_prompt.html">JavaScript Prompt Page</a> |
  <a href="javascript.html">JavaScript Page</a> |
  <a href="validate.html">Validation Page</a> |
  <a href="js_styles.html">JavaScript Styles Page</a> |
</div><!-- end id="nav" -->
HTML Navigation Template