HTML5 Layout

This course is included in our On-demand training solution.

Overview

HTML5 has many page layout and data presentation elements that can be used to display your data. In this course, you will learn about some of the more advanced, but very common and useful, page and data formatting elements. You’ll also learn about the new elements that HTML5 introduces to make page layout semantic.

Target Audience

Individuals who can create a basic web page but now want to create a more intuitive or graphical web page

Prerequisites

None

Expected Duration

150 min.

Course Objectives

Course Introduction

Using Block Level vs. Inline Elements in HTML5

  • describe when to use block level and inline elements in HTML5
  • Using the Div Tag in HTML5

  • describe how to use the div tag in an HTML5 document
  • Using Object Positioning in an HTML5 Document

  • describe how to position objects in an HTML5 document
  • Using Logical Divisions and Spans in HTML5

  • describe how to use logical divisions and spans in HTML5
  • Creating the Basic Structure of an HTML5 Page

  • create the basic page layout structure for an HTML5 document
  • Creating the Basic Format of an HTML5 Page

  • specify the format for a basic page layout in an HTML5 document
  • Creating a List with HTML5

  • describe how lists can be created in HTML5
  • Using Lists in an HTML5 Document

  • create a list in an HTML5 document
  • Configuring a List in HTML5

  • specify how to configure a list in HTML5
  • Creating a Table with HTML5

  • describe how tables can be created in HTML5
  • Using Tables in an HTML5 Document

  • create a table in an HTML5 document
  • Configuring a Table in HTML5

  • specify how to configure tables in HTML5
  • Using Color with HTML5

  • apply color to an HTML5 document
  • Creating Clickable Hotspots on Images with HTML5

  • create clickable hotspots on an image in HTML5
  • Inserting Images in an HTML5 Document

  • add images to an HTML5 document
  • Resizing Images in an HTML5 Document

  • configure the size of an image in HTML5
  • Wrapping Text Around Images in HTML5

  • configure the way text will wrap around images in HTML5
  • Using the Article and Section Tags in HTML5

  • describe how the article and section tags are used in HTML5
  • Using Semantic and Structural Elements in HTML5

  • describe the difference between semantic and structural elements in HTML5
  • Changes to the Address and Cite Tags in HTML5

  • specify how the address and cite tags have changed in HTML5
  • Using the Details and Summary Tags in HTML5

  • describe how the details and summary tags are used in HTML5
  • Using the Header and Footer Tags in HTML5

  • describe how the header and footer tags are used in HTML5
  • Using the Figure and Figcaption Tags in HTML5

  • describe how the figure and figcaption tags are used in HTML5
  • Using the Nav Tag in HTML5

  • specify how, and when, the nav tag should be used in HTML5
  • Using Videos in an HTML5 Document

  • add video to an HTML5 document
  • Using Flash Files in an HTML5 Document

  • add Flash to an HTML5 document
  • Creating Borders Using CSS3 in HTML5

  • create a border using CCS3 in an HTML5 document
  • Creating Rounded Borders Using CSS3 in HTML5

  • create a rounded border using CCS3 in an HTML5 document
  • Exercise: Creating a HTML5 Basic Layout

    MONTHLY SUBSCRIPTION

    $129/month
     

    ANNUAL SUBSCRIPTION

    $1295/year

    Multi-license discounts available for Annual and Monthly subscriptions.