All Demos in Order of Complexity

1. Exercise 1 : Basic HTML & Text Styles

2. Exercise 2 : Lists & CSS Styles

3. Exercise 3 : Images & Graphics

4. Exercise 4 : Linking

EXTRA DEMO: Using a DIV to Contain Content

  • Loose Content Page
  • Contained Content Page

Extra Demo: Using Google Fonts

Project One: Simple Website

  • Use Demos 1 - 4

5. Exercise 5 : Forms

6. Exercise 6 : Tables and IFrames

7. Exercise 7 : Padding, Margin, Borders & Simple Navigation

8. Exercise 8 : Page Layout CSS DIVS

9. Exercise 9 : JavaScript

MORE JavaScript

10. Exercise 10 : Working Towards Simple Responsive Design

Some HTML5 & CSS3 Special Effects

Project Three: Final Website

  • Use All Demos

More Navigation + Drop Down Menus

Extra Demos