HTML Exercises:

Easy Definitions:

1. What does HTML stand for?

   Hyper Text Markup Language

2. What does CSS stand for?

   Cascading Style Sheet

3. What is html used for?

   Html defines the structure and content of a web page

4. What is CSS used for?

   CSS describes how HTML elements should be displayed. It controls the styles of the html

5. What is Javascript used for?

   JavaScript is the programming language of HTML and the Web. It controls the behaviour of your website.

6. Can Javascript save a file on a web server?

   NO! , JavaScript is a client side language and only runs in your web browser. You will need to use javascript with a server side language like php to save a file on a web server

Easy HTML coding:

Create a website with:

1. Give your website a title, that will appear in the browser tab and be used when bookmarking your website

   Run
2. One each of the heading types. Let each heading be one of your favourite foods

   Run
3. Under each heading use a paragraph to give a description of each food

   Run
4. In each paragraph, mark or highlight some important parts of your food descriptions

   Run
5. Now, under each heading, insert an image of the food. Use the url from some images and download some images.

   Run
6. Now, link each image to a recipe page or suitable webpage. Be sure to set some links to open in new tabs and the same window

   Run
7. Create an iframe that will display a default website of your choice

   Run
8. link each heading with the recipe page and let it be displayed in the iframe

   Run
9. Bonus: Make the iframe resizeable

   Run
10. Now, add a recipe video or suitable video for each food. Be sure to use videos from youtube as well as some you downloaded. Also let some videos have NO play or pause buttons.

    Run
11. Finally, add suitable audio/music to listen to while you cook for each food.

    Run
12. Now, at the very bottom of your web page, create a button link that will return you to the first heading at the top of your website

    Run
13. Create a list with alphabetical (a, b, c ... ) bullets to display 5 of your favourite foods

    Run
14. Now create a table with two headings, food name and food description. Add 5 rows to the table with your favourite food and description.

    Run
15. Modify this table with a third column, food picture. In each row of this column add an image of the food

    Run
16. Now link each food name in the table to the recipe or suitable website

    Run
17. Create a food entry form to record your favourite foods:
    1. Create a text box with the label "Enter Food"

       Run
    2. Create 5 radio buttons to select one of your 5 different favourite foods

       Run
    3. Create 5 checkboxes to select zero or more of your 5 different favourite foods

       Run
    4. Create a select box with 5 options to select one of your 5 different favourite foods.

       Run
    5. Bonus:Create another select box with 5 options to select more than one of your 5 different favourite foods.

       Run