Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

I’ve already follow the instruction. But there is always a problem said that I should have a ‘body’ element within your ‘html’ element.

i don’t know what is wrong with my code

Your code so far

<!DOCTYPE html>
<html lang="en">
  <head>
    <title> Test Page </title>
    <meta charset="utf-8">
  <body>
    <h1>Recipe Page</h1>
    <p>So this is a page dedicated to list a recipe</p>
    <h2>Ingredients</h2>
    <ul>
      <li>Rice</li>
      <li>Chilli</li>
      <li>White Onion</li>
      <li>Red Onion</li>
      <li>Oil</li>
      <li>Cabbage</li>
      <li>Soy Sauce</li>
      <li>Salt</li>
      <li>Garlic</li>
    </ul>
    <h2>Instructions</h2>
    <ol>
      <li>Pick the left over Rice for the base</li>
      <li>Then heat up your wok with an oil in it until you reach at 180 celsius.</li>
      <li>Chop your all the vegetables (cabbage , chilli, red onions, white onion) all together before you put the rice on the wok.</li>
      <li>Then put the rice, add all the vegetables and add some soy sauce, garlic and salt for the taste.</li>
    </ol>
    <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="fried rice recipe">
  </body>
  </head>
</html>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/136.0.0.0 Safari/537.36

Challenge Information:

Build a Recipe Page - Build a Recipe Page

2

hi and welcome to the forum.

When I look at your code, I noticed that your body element is nested incorrectly.

If I summarize the way you have your nesting right now, it would be this:

html opening tag
  head opening tag
    title element
    meta element

    body opening tag (nested inside of the head element)
      ... a number of sub elements ...
    body closing tag
  head closing tag
html closing tag

The problem is that you closed the head element all the way at the bottom after closing the body. The body element does not belong inside the head element. (just like the head and the body are two parts of a person that are not within each other)

1 Like
3

Oh yeah, you are right. Now it’s completely fine. Thank you for the help!

1 Like