Jump to content
Sign in to follow this  
jackcole861

My nav bar isnt linking to my other pages

Recommended Posts

 
 
 
 
 
<!DOCTYPE html>
<html lang = "en">
 
<!--This is my first comment in my index page-->
<head>
 
<meta charset="utf-8">
<link rel="stylesheet" href="greentea.css">
<a href"greentea.html"></a>
 
</head>
 
<header>
    <h1>Teaz Nuts</h1>
</header>
 
<!--This is the body of my page-->
<body>
 
<nav>
    <ul>
 
    <li><a href"greentea.html"> Home </a></li>
    <li><a href="about.html">Login</a></li>
    <li><a href="Product.html">Product</a> </li>
    <li><a href="New User Signup.html">New User Signup</a></li> 
    </ul>
  </nav>
 
<main>
 
<div class = "hippiegirl">
<image src = "hippiegirl.jpg" alt = "tranquility"></image>
</div>
 
<p>The properties of green tea are many and varied. Especially during an epidemic<br>
we all need to be aware of what tea can do for us. Along with its antibiotic properties, it also<br>
can cleanse the spirit and wash away our tensions. </p>




 
</main>
 
<footer>
    <br>&copy;
    <a href="mailto:jackcole861@gmail.com">Click to email Jack Cole</a>
</footer>
 
</body>
 
</html>
 
 
 
 
 
 
 
 
 
 
This is my css
 
.hippiegirl
 
{
    position:absolute;
    left:0;
    top:0;
    width:400%;
    height:auto;
    opacity:0.6;
 
}
 
body{
 
    background-colorlightgreen;
    
}
 
ul {
    list-style-typenone;
    margin0;
    padding0;
    overflowhidden;
    background-color#333;
  }
  
  li {
    floatleft;
  }
  
  li a {
    displayblock;
    colorwhite;
    text-aligncenter;
    padding14px 16px;
    text-decorationnone;
  }
  
  /* Change the link color to #111 (black) on hover */
  li a:hover {
    background-color#111;
  }

Share this post


Link to post
Share on other sites

The location of the other files has to be in the same folder as the file with the links on it.

You have several errors in your code.

  • <a> tags can't go in the <head>
  • The <header> must be within the <body> tags.
  • The correct tag for images is <img>, not <image>.

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...