I am learning to build websites using HTML and so far I am understanding it fairly well but I can not seem to get links to work in my favor. If someone could please review my html and tell me what I am doing wrong. I have reviewed this over and over again but I can not seem to find my error. Thanks you for reading this and hopefully pointing out my error. Markup below!
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Us at website</title>
<meta charset="utf-8"/>
</head>
<body>
<div id="header">
<div id="Site branding">
<h1>mywebsite.com</h1>
</div>
<div id="tagline">
<p>Home for parts and accesories.</p>
</div>
</div>
<! - - End of the first headers div - - >
<div id="navigation"
<ul>
<li><a href=" index.html ">Home</a></li>
<li><a href=" about.html ">About us</a></li>
<li><a href=" contact.html ">Contact Us</a></li>
</ul>
</div>
<! - - end of navigation links - - >
<div id="bodycontent">
<h3>Contact us</h3>
<p>To find out more, Contact owner "Albert Einstien, or whatever you wish to put" at "Buisness Number" or <a href="mail to:test@live.com">email [EMAIL="nichomg@live.com"]test@live.com[/EMAIL]</a>.</p>
</div>
<! - - This email link is not right but im not sure why. - - >
</body>
</html>
It should be a href="mailto: not a href="mail to: (note the removed space…)
Some other comments:
- Watch your spaces in id names - Site branding will match to #Site and #branding. You can’t do #Site branding. That will match for an element with id of branding inside of an element of id of Site.
- You’re developing a case of div-itis. Like the “Site branding” div. If all you have in a div is a single element, you probably can get away without them.
- You’re missing a closing > on div id=“navigation”
- Watching your spaces around the a elements.
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contact Us at website</title>
<meta charset="utf-8"/>
</head>
<body>
<div id="header">
<h1>mywebsite.com</h1>
<div id="tagline">
<p>Home for parts and accesories.</p>
</div>
</div>
<! - - End of the first headers div - - >
<div id="navigation">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About us</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
<! - - end of navigation links - - >
<div id="bodycontent">
<h3>Contact us</h3>
<p>To find out more, Contact owner "Albert Einstein, or whatever you wish to put" at "Business Number" or <a href="mailto:test@live.com">email test@live.com</a>.</p>
</div>
<! - - This email link is not right but im not sure why. - - >
</body>
</html>
Dave Maxwell Thank you very much for the help it helped me clear all this up. Now everything is working as it should , div-itis was something I was trying to avoid but I guess it got me again thank you for pointing this out.