HTML Question/Issue

DoubleY · July 22, 2014

So I am making this sample website for a school project and I'm wondering why isn't the About Us, Contact Us, Place an Order, Sample Recipe things showing up under the header? I enlarged the text that I'm wondering why isn't appearing in the correct place.

code:

<html>

<head>

<title> Cameron Cookies </title>

</table>

</head>

<body>

<center><font face="Arial" color="red"><h1> Cameron Cookies </hi1></font></font></center>

<i><center><h2>The best homemade cookies in New England.</h2></center></i>

<li><center><p>99 Sycamore St. Portland, ME 04101 (207)555-1212</li></center>

<table width="500">

<tr>

<th><a href="about.html">About Us</th>

<th><a href="cookiemaster@cameroncookies.com.html">Contact Us</th>

<th><a href="orderform.html">Place an Order</th>

<th><a href="recipe.html">Sample Recipe </th>

<li>Welcome to Cameron Cookies, which has been voted</li>

<li>"the best homemade cookies in New England" in a</li>

<li>recent poll. At Cameron Cookies, you're sure to</li>

<li>find a cookie you'll love. Here's a sampling of</li>

<li>our many varieties:</li>

<li>Chocolate Nut</li>

<img src="cookie1.jpg" </img>

<li>Chocolate Chip</li>

<img src="cookie2.jpg" </img>

<li>Macadamia Nut</li>

<li>Oatmeal Raisin</li>

<img src="cookie3.jpg" </img>

<li>Chocolate Dessert</li>

<li>Butter</li>

<li>Cookies are a great gift idea that everybody loves.</li>

<li>Just give us a call or send us an e-mail 24 hours</li>

<li>in advance and we'll create a lovely gift bag or</li>

<li>basket filled with an assortment of fresh, home-</li>

<li>made cookies.<li>

<li>Thanks for visiting our web site and be sure to </li>

<li>come visit us in person here in Portland, Maine.</li>

<li>To place an order, click <a href="orderform.html">here.</a></center></p></li>

</body>

<li style="list-style-type: none;">

<body bgcolor="#886A08">

</body>

</html>

Ciccioo · July 22, 2014

because <th> is a Table Header

you opened the <table> and the Table Row <tr> tags, but you didn't close any, so the browser doesn't know exactly what to do with your stuff

close the tags and it'll work

as a general rule, when you open a tag that needs to be closed, close it immediately, before you forget to do it

edit: correct indentation makes these errors easy to spot as well

and watch out, your page has two bodies

alright, there's definitely some corrections to do on this page

DoubleY · July 22, 2014

because <th> is a Table Header

you opened the <table> and the Table Row <tr> tags, but you didn't close any, so the browser doesn't know exactly what to do with your stuff

close the tags and it'll work

as a general rule, when you open a tag that needs to be closed, close it immediately, before you forget to do it

edit: correct indentation makes these errors easy to spot as well

and watch out, your page has two bodies

alright, there's definitely some corrections to do on this page

ya... I'm not very good at HTML This is why I'm taking classes