<!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!