Building a recipe page

<!DOCTYPE html>

<html lang="en">
  <head>
      <meta charset="UTF-8"/>
      <meta name="description" content="free vetkoek recipe and baking tips"> 
<meta name="viewport" content="width=device-width, initial-scale=1.0">      
      <title>my baking page</title>
      </head>
<body>
        <h1>Baked vetkoek</h1>
        <p>Here is a simple baked vetkoek recipe- no deep frying need</p>
        <h2>Ingredients</h2>
        <ul>
          <li>Flour</li>
          <li>Instant yeast</li>
          <li>Salt</li>
          <li>Sugar</li>
         <li>Warm water</li>
         </ul>
          <h2>Instructions</h2>
          <ol>
            <li>In a bowl mix flour,yeast,sugar,and salt.</li>
            <li>Add warm water and mix to a soft dough.</li>
            <li>knead for 8-10 minutes until smooth and elastic</li>
            <li>Dough should be soft, not sticky.</li>
            </ol>
             <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg" alt="a baked vetkoek"> img/>
         </body>
             <html/>

please help my code failing, it I should have a head element within a html element. please help

Welcome to the forum @Lindiwe,

I’ve edited your code for readability. In the future, please use the “Help” button when you have a question.

Look at the syntax of your other closing tags. Do you see the difference?

Even though you’ll pass the tests with that correction, please note that the img element is a void element that does not take a closing tag.

I also recommend that you format your code to make it easier to read. You can do that in the fCC editor by right-clicking and selecting “Format Document.”

Happy coding

Thank you so much it worked!