Course Content

<— Day 1—>

• The World Wide Web
• The W3C
Browsers
• What is a Browser?
• Cross-Browser compatibility issues
The Syntax
• A self-closing tag.
• block vs. inline
• Site Architecture
• Site definition
• Defining assets
The DOCTYPE
• The Different DOCTYPE’s
• What is a DOCTYPE
• HTML5 DOCTYPE
• The DTD
• XHTMLising your code
• Document Object Model
• HTML5 Default options

<—Day 2—>

The HEAD
• Adding Meta tags
• Keywords, Descriptions and Refresh
• The Character Set
• HTML Comments
CSS in HTML (Brief as there is a dedicated course that goes deeper)
• Deprecated Style tags
• Linking to CSS
• Defining Media type
• div & span tags
The BODY
• HTML tags & elements
• Semantics in the language
• Page Structure
• Headings & Paragraphs
Semantic Tags
• Ordered & Un-Ordered Lists
• Nested Lists
• Data Types and Definitions
• Special Characters
• adding title attribute
• using the address tag
• cite, dfn, var, abbr
• the small tag and it’s semantics
• code, kbd, samp and pre-quoting in HTML
• bold, strong, italic and emphasis

<—Day3—>

Tables
• Table headers
• Accessibility in Tables
• Nesting Tables
• Adding Captions
• Merging columns and rows
Forms
• The form tag
• GET vs. POST (brief as it is covered in other courses)
• action method
• Text fields
• Setting Accessibility labels
• Text Area
• Check boxes
• Drop-down lists
• Radio buttons
• Radio Groups
• Upload a file
• Fieldset & accessibility
• Submit & Reset buttons

<—Day 4 —>

Web Images
• GIF, JPEG and PNG
• SVG and Canvas
• When to use what image format
• Image attributes
• Alternate text for Accessibility
• Figure Captioning
Hyperlinks
• The anchor tag
• Jump links to an ID
• relative & absolute links
• open new tabs
• Linking to an email address
Publication
• Uploading files to a server
• Testing online