Table of Content
 

 

HTML5
  • Introduction
  • History
  • HTML Versions
  • HTML5 Enhancements
  • Elements, Tags and Attributes
  • Head and body tags
  • HTML Editor
  • Create a web page
  • Viewing the Source
  • White Space and Flow
  • HTML Comments
  • HTML Meta Tags
  • HTML Attributes
  • XHTML First Line
  • DTD (Document Type Declaration)
  • HTML5 new Doctype and Charset
  • Special Characters
  • Capitalization
  • Quotations
  • Nesting
  • Spacing and Breaks
  • HTML5 Global attributes
Core Tags and Attributes
  • <html> element
  • <head> element
  • <title> element
  • <body> element
Attribute Groups
  • Attribute Groups
  • Core Attributes
  • Internationalization
  • UI Events
  • HTML5 New Attributes
Text Formatting
  • <hn> Tag for Headings
  • <p> Tags for Paragraphs
  • <br /> Tag for Line Breaks
  • <pre> tags to Maintain Formatting
Font Styling
  • Font Styling Tags
  • <b> Tag for Bold
  • <i> Tag for Italicize
  • <u> Tag for Underline
  • <s> or <strike> Tag for Strikethrough
  • <tt> tag for Monospace
  • <sup> Tag for Superscript
  • <sub> Tag for Subscript
  • <big> Tag
  • <small> Tag
  • <hr /> Tag for Horizontal Lines
  • <font> Tag for more Font style
Phrase Tags
  • Phrase Tags
  • <em> Tag for Emphasis
  • <strong> Tag for Strong Emphasis
  • <address> Tag for Address
  • <abbr> Tag for Abbreviations
  • <acronym> Tag for Acronym
  • <dfn> Tag for Special Terms
  • <blockquote> Tag for Quoting
  • <q> Tag for Short Quotations
  • <cite> Tag for Citations
  • <code> Tag for Code
  • <kbd> Tag
  • <var> Tag for Variables
  • <samp> Tag for Output
  • <ins> and <del> tags for Editing text
Grouping Tags
  • Grouping Basics
  • Block and Inline Elements
  • < div > and < span > tags
  • HTML5 new structure and inline elements
Lists
  • List Basics
  • <ol> Tag for Ordered Lists
  • Unordered Lists
  • Definition Lists
  • Nesting Lists
Site structure
  • Site Structure
  • URLs
  • Absolute URL
  • Relative URL
  • <base> Tag
Hyper Linking
  • Hyperlink
  • Source anchor
  • Destination anchor
  • Using < a > Tag for Creating Links
  • Using href Attribute
  • MIME types
  • Other Attributes
  • Linking to a Specific Part of a Page
  • Linking in same web site
  • Linking to Other Web Sites
  • Linking to E-mail Addresses
  • Advanced E - mail Links
  • Spam-Proofing E-Mail Links
  • Image Links
  • Customizing Links
Images
  • < img > Tag for images
  • < img > Tag Attributes
  • Using Images as Links
  • Image Maps
  • Applying Image Maps
  • Image Formats
Audio and Video Linking
  • Multimedia Basics
  • Plug-ins and Web Browsers
  • Audio File Formats
  • Video Formats
  • <embed> Tag and attributes
  • <object> tag: and attributes
  • IE-specific <bgsound> Tag
  • HTML 5 Multimedia tag
  • Adding Audio
  • Flash for Audio
  • Adding Videos
  • Flash for Video
  • HTML5 Canvas Element
  • HTML5 and SVG
  • HTML5 Audio and Video
Tables
  • Table Basics
  • Table Structure
  • Using <table> tag
  • <tr> Tag for Rows
  • <td> Tag for Table Cells
  • <th> Tag for Table Heading
  • Table Cellpadding and Cellspacing
  • Colspan and Rowspan Attributes
  • Table Backgrounds
  • Table Height and Width
  • Table Caption
  • Using Header, Body, and Footer
  • Nested Tables
  • Inserting Content
Forms
  • Forms Basics
  • Create a Basic Form
  • Input control or “control”
  • Text Input Control
  • Radio Button Control
  • Check Box Control
  • Select Menu Control
  • Button Control
  • Label Control
  • File Upload Control
  • Hidden Field Control
  • Form Processing
  • Formatting Forms
  • HTML5 new form input types
  • HTML5 input validation
Miscellaneous
  • HTML Colors
  • Styles in HTML
  • Scripts in HTML
HTML5 Advancements
  • Dynamic page support
  • Geolocation
  • Web storage
  • Offline Application