Lesson 2: Coding (HTML5 Part) :

Introduction:

In this lesson you will use the notes from the previous lesson to actually make a website with the recipe you did.

Aim:

At the end of this lesson, you should at least have those thing below in your web page :

Step 1 :

The first step is to make a table of contents with all the ingredients you used in your dish. Take a look at Introduction to HTML to get information on how to make a table.

Step 2 :

Now you could use the picture you took to put it on the webpage. Make a folder called "images" and put the picture in this folder. If you have several pictures, put all the pictures in the same folder for convenience.
To import a picture via url please look at the same webpage as a above Click here!
But if you have your picture on your computer you will need to use another method. To do this you will need to write the image srouce as
src="/images/NameOfFile.jpeg/png/jpg"

Step 3 :

Write the steps and progress through the cooking process.If you want to have a description list take or a bullet point list, take a look at this website Click here!

Step 4 :

Write Down the nutrition information in a table, which is same as step 1, creating a HTML table for this.

Self Check Time!!!
Click on if you have done it :

A ingredients table
A picture of the food you cooked
A step by step description of how to cook it
Nutrition information
A nutrition information table

(Bcakground picture Source from: Love Wallpaper HD)