Challenge: Write a recipe with HTML

Create a web page for the following chocolate chip cookie recipe. It should include:

  • <h1> tags
  • <h2> tags
  • An unordered list
  • An ordered list
  • <b> tags (for all ingredients in the method)

Chocolate Chip Cookie

Ingredients

  • 200g butter
  • 1 cup white sugar
  • 1 cup soft brown sugar
  • 2 eggs
  • 2 tsp vanilla essence
  • 3 cups flour
  • pinch of salt
  • 1 tsp baking powder
  • 2 cups chocolate chips

Method

  1. Preheat Oven to 180
  2. Melt butter, and add both sugars and cream these together
  3. Beat in the eggs and vanilla then mix in the dry ingredients
  4. Roll into medium sized balls
  5. Put on a well greased baking tray
  6. Bake for 8-10 minutes

Repl.it

You can make and test this web page on https://repl.it/ (We used repl.it for all the examples in this course!) Make an account and create a new HTML repl.

@

Not recently active