HTML
Introduction to HTML
- What is HTML?
- HTML Syntax
- Anatomy of HTML Elements
- Basic HTML structure
- HTML Structure <div>, <link> and <meta> tags
- Create your first web page
HTML Text
- HTML Text: Introduction
- HTML Headings + paragraphs
- HTML Break tags
- HTML Text formatting
- HTML Lists
- Assignment: Create a page with Text formatting
HTML Links
- Lesson Introduction
- HTML Links
- Internal and External links
- Hyperlinks
- HTML link: Attributes
- Assignment: Linking your page
Making and styling Tables
- Lesson introduction
- HTML Tables
- Introducing CSS
- Inline CSS
- Assignment: Add tables to your page
Search Engine Optimization
- Introducing SEO and Semantic HTML
- Search Engines
- SEO Techniques
- SEO Analytics
- Search Engine Bias
Semantic HTML
- Introduction to Semantic HTML
- Semantic HTML
- Block & Inline Elements
- Semantic HTML document structure
- Commenting in HTML
- Assignment: Make a semantic Web page layout
Meta Tags in HTML
Meta Tags in HTML
- HTML Meta Tags
- Sitemaps
- Assignment: Meta tags in use!
Basic HTML Forms
- Introduction to Forms
- Introduction to Inputs
- HTML form
- Basic Input
- Assignment: Create a Registration Form!
HTML Inputs
- Inputs
- Keyboard-driven Inputs
- Mouse-driven Inputs
- Labelling and Grouping inputs
- Assignment: Create a Questionnaire
Form Validation
- Introduction to Form Validation
- Automatic Form Validation
- Client-side Validation
- CSS Pseudo Classes
- Validate your registration form
Images
- Lesson Introduction
- Introduction to Images
- Dimensions & Resolutions
- Storing and Adding Images
- Image sizing
- Image Positioning
- Choosing Images
- Assignment: Create a Picture Gallery
HTML Audio
- Introduction to Audio
- HTML5 Audio
- Assignment: Liven Up a Picture Gallery!
HTML Video
- Video in HTML5: Introduction
- Video Player
- Iframe
- Assignment: Embed an iframe