1 ![]() HTML / XHTML |
1.1 My First Web Page: A simple skeleton of an HTML5 valid page. 1.2 Header Tags: The header tags from h1 to h6. 1.3 Unordered List: A simple unordered list. 1.4 Nested Unordered List: A simple nested unordered list. 1.5 Baseline vs. Bottom: The baseline and bottom attributes. 1.6 Special Characters: A few HTML special entity characters. 1.7 Asymetyric Table: A simple example of an asymetric table. 1.8 iFrame: A simple example of an iFrame. |
2 ![]() HTML5 Only |
2.1 Video: Basic use of the HTML5 video element. 2.2 Audio: Basic use of the HTML5 audio element. 2.3 SVG 1: An example of a simple SVG graphic. 2.4 SVG 2: An example of a more elaborate SVG graphic. 2.5 Input Types: A few of the new HTML5 form input types. 2.6 Canvas: A few simple applications of the HTML5 canvas tag. 2.7 Animated SVG 1: An animated square shape. 2.8 Animated SVG 2: A beautiful animated soccer ball. 2.9 Animated SVG 3: A beautiful animated flower. 2.10 Animated SVG 4: A beautiful animated pinwheel. |
3 ![]() CSS3 |
3.1 Round Borders: Round borders using the borders-radius property. 3.2 Box Shadow: Example of a use of the box-shadow property. 3.3 Gradients: Example of a gradient-colored background. 3.4 Background Size: Resizing of a background image. 3.5 Background Origin: Examples of the background-origin property. 3.6 Background Clip: Examples of the background-clip property. 3.7 Multiple Backgrounds: Example of multiple backgrounds. 3.8 Text effects: Examples of CSS3 text effects. 3.9 Custom Fonts: Example of a CSS3 custom font. 3.10 2-D Transforms: Examples of CSS3 2-D transforms. 3.11 3-D Transform: A simple example: The mirror effect. 3.12 Transition: An example of a CSS3 transition. 3.13 Animation: An example of a simple CSS3 animation. 3.14 Multiple Columns: Multiple columns with CSS3. |