Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

Why is it saying I do not have any body tags inside my html when I have one right under?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html>
<body>
<html lang="en">
<head>
  <title> Best Recipe eva </title>
<meta charset="UTF-8"
</body>


<main>

  <h1>Best Recipe eva</h1>
  <p> This is the best recipe ever. It will blow    your socks off I promise.</p>
 <h2>Ingredients</h2>
  <ul>
    <li> love </li>
    <li> love </li>
    <li> love </li>
    <li> love </li>
    <li> love </li>
  </ul>
   
  <h2>Instructions</h2>
    <ol>
      <li> bread </li>
      <li> Water </li>
      <li> flour </li>
      <li> ginger ale </li>
      <li> choclate </li> 
    </ol>

    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="A slice of lasagna on a plate.">
</body>
</head>


</main>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/17.6 Safari/605.1.15

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

Welcome to the forum @liamcmahon999!

First, notice this section of your code:

<meta charset="UTF-8"
</body>

In your code, the meta element is highlighted orange here in the forum, which is correct, but the next tag isn’t highlighted orange. This indicates at least one syntax error, but I can see you have two small syntax errors, just in the code I highlighted.

Notice also where <head> and </head> are. They’re wrapped around almost the entire page! Remember that head is just supposed to contain information about the page, not actual page content. (Your opening head tag is fine, but your closing head tag should come before your opening body tag.)

Happy coding!

3

Did not see that, Thank you so much!