HTML 5 and CSS3 Introduction

This course is designed for beginners and provides delegates with a thorough grounding in the use of of HTML elements, page layout, text display, tables and forms; HTML5 and semantics; HTML5 document structure; grouping content with HTML5; and extending meaning.

Html5 And Semantics

What Are Web Semantics?, Semantic Html5, Html5 Content Models

Html5 Document Structure

Structuring Html5 Documents, Defining Html5 Documents, Supporting Legacy Browsers, Organizing Content, Creating Document Sections, Identifying The Main Content, Using Headings Properly, Building Navigation, Properly Nesting Structure, Structuring Headers, Structuring Footers, Checking Document Structure, Sectioning Roots

Grouping Content With Html5

Working With Figure And Figcaption, Grouping Content With Asides, Using Divs In Html5, Working With Lists In Html5, Emphasizing Text Correctly, Citing Works Semantically, Using The Address Element, Using The Small Element, Using The Mark Element, Working With Date And Time, Defining Link Relationships

Extending Meaning

Writing Comments, Working With Meta Tags, Using Class And Id Attributes, Using Aria Landmark Roles, Introducing Microformats, Microdata, And Rdfa, Using Microdata, Nesting Rich Data


Creating inline styles, The style element, Controlling typography, Adding color, Externalizing styles

Building Responsive Layouts

Controlling the viewport ; Defining default styles ; Determining content breakpoints ; Defining media queries ; Building the basic desktop layout ; Building the basic tablet layout ; Building the basic mobile layout ; Refining desktop layouts ; Refining tablet layouts ; Refining mobile layouts