Learning HTML code - drag and drop html game

Learn HTML :

Learning the basics of HTML is easy!
Jargon Buster - HTML documents = Web Pages!
HTML stands for Hyper Text Mark-up Language
HTML Web Pages contain mark-up tags and plain text
The Web Browser interprets the tags but does not display them
Most tags (not all) have a start and an end tag and are surrounded by angle brackets.
The start tag is before the element and the end tag wraps around it. <b>bold text</b>
The content between tags is displayed by the browser or the image file it points to.
End tag start with a slash. i.e. </html>
HTML files are saved with the .htm or .html extension. (i.e. index.html)
An HTML document is defined by the html mark-up tags <html> & </html>which enclose all other tags.
Body tags enclose all visible content on the page (i.e. text, images, videos)
Heading tags define headings and graduate in size and importance (h1 is the largest heading, h6 is the smallest)
Links are defined by the <a> tag which requires the href attribute to point to the address.
To display an image on a page, <img> you need the src attribute. Src stands for "source". which is the address or URL of the image you want to display on your page
Images should be saved into a file named images within your website folder.
The image tag is an 'empty' tag as it needs no ending tag

Drag and Drop Instructions:

Drag the appropriate html tags and place them just above the dotted lines on the 'web page'
To see a demonstration flash video of how the tags should be placed, and to check your results - click the 'Help' button at the bottom of the page.
When you have finished the activity, press the 'Next' button to see what the page will look like in a browser and for easy to follow instructions on how to create a simple web page using a text editor such as NotePad or WordPad.

* For hints - hover over the dotted lines.
* This activity and the help video require javascript and flash - if your browser does not support these - skip to the simple web page.