|
Introduction
-The World Wide Web
-Client Side vs. Server Side
-The web technologies
-Evolution of the World Wide Web
-What is Web 2.0
-Workings of HTTP
-The fundamentals of the web
-What is AJAX?
-The W3C
-Web Standards
-Web Accessibility
Browsers
-What is a Browser?
-Browser Wars
-Netscape to Chrome
-Browser Statistics
-A Modern Browser
-Cross-Browser compatibility issues
-Internet Explorer 6 issues
-Mobile Browsers
The Syntax
-A self-closing tag.
-block vs. inline
-Site Architecture
-File & Folder Management
-Site definition
-Naming conventions
-Defining assets
The DOCTYPE
-The Different DOCTYPE’s
-What is a DOCTYPE
-HTML5 DOCTYPE
-The DTD
-XML declaration issue
-XHTMLising your code
-Document Object Model
-HTML5 Default options
The HEAD
-Adding Meta tags
-Keywords, Descriptions and Refresh
-The Character Set
-HTML Comments
-Script Tag
The CSS in HTML
-Deprecated Style tags
-Linking to CSS
-Defining Media type
The BODY
-HTML tags & elements
-Deprecated tags
-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
-Cite, dfn, var, abbr
-Related semantics
-Code, kbd, samp and pre
-Quoting in HTML
-Bold, strong, italic and emphasis |
 |
Tables
-Table headers
-Accessibility in Tables
-Nesting Tables
-Adding Captions
-Merging columns and rows
Web Images
-GIF vs JPEG vs PNG
-What the future holds
-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
-server side relative linking.
-open new tabs
-Linking to an email address
Forms
-The tag
-GET vs. POST
-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
-Javascript form onclear
HTML5 in Forms
-Email, url, date, week input types
-Time, datetime, month input types
-Number, range and search input types
-Tel & color input type
-List, autofocus and required attributes
-Multiple, pattern and autocomplete
-Min, max and step
HTML5 Video
-Browser Codecs
-Encoding in H264
-Encoding in Ogg Theora
-Encoding in VP8 |
