Build a Recipe Page - Build a Recipe Page

HTML-CSS
1

Tell us what’s happening:

sweet ice cream

sweet ice cream

ice cream is good

Ingredients

  • water
  • sugar
  • egg
  • ice
  • coloring

Instructions

  1. water in bow
  2. add sugar
  3. add egg
  4. add ice
  5. mix together

    6. Your code so far

    <!DOCTYPE html>
<html lang="en">
<head>
</html>
<title> sweet ice cream </title>
<meta charset="UTF-8">
<h1>sweet ice cream</h1>
<p>ice cream is good </p>
</head>
<h2>Ingredients</h2>
<ul>
  <li>water</li>
  <li>sugar</li>
  <li>egg</li>
  <li>ice</li>
  <li>coloring</li>
</ul>
<h2> Instructions</h2>
<ol>
  <li> water in bow</li>
  <li> add sugar</li>
  <li> add egg </li>
  <li> add ice</li> 
  <li> mix together</li>
  <img src="https://cdn.freecodecamp.org/curriculum/labs/recipe.jpg"alt="incredient for ice cream">

    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

Welcome to the forum @terryfoss

Try placing the closing html tag as the last tag in the HTML file.
I do not see a body element.

For next time, describe the issue in your own words. Learning to communicate problems is a part of becoming a web developer.

Happy coding

1 Like
3

A review of this HTML boilerplate video/transcript might help.

You can also use an HTML validator like W3c Markup Validation Service.

Remember, all HTML elements have both an opening tag and closing tag unless they are void elements (i.e. input and image).