Description
In the hands-on HTML5 Level 1 training course, you will learn how to create static web
pages using HTML5. In particular, you will learn how to design pages displaying text, tables, lists,
multi-media.
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