HTML5 Layout

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

Prerequisite
None

Expected Duration
154 minutes

Description
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.

Objective

HTML5 Page Objects

  • start the course
  • describe when to use block level and inline elements in HTML5
  • describe how to use the div tag in an HTML5 document
  • describe how to position objects in an HTML5 document
  • describe how to use logical divisions and spans in HTML5

Basic HTML5 Structure

  • create the basic page layout structure for an HTML5 document
  • specify the format for a basic page layout in an HTML5 document

HTML5 Lists

  • describe how lists can be created in HTML5
  • create a list in an HTML5 document
  • specify how to configure a list in HTML5

HTML5 Tables

  • describe how tables can be created in HTML5
  • create a table in an HTML5 document
  • specify how to configure tables in HTML5

HTML5 Basic Formatting

  • apply color to an HTML5 document
  • create clickable hotspots on an image in HTML5

Working with Images

  • add images to an HTML5 document
  • configure the size of an image in HTML5
  • configure the way text will wrap around images in HTML5

Articles and Sections

  • describe how the article and section tags are used in HTML5
  • describe the difference between semantic and structural elements in HTML5
  • specify how the address and cite tags have changed in HTML5
  • describe how the details and summary tags are used in HTML5
  • describe how the header and footer tags are used in HTML5
  • describe how the figure and figcaption tags are used in HTML5
  • specify how, and when, the nav tag should be used in HTML5

Inserting Video with HTML5

  • add video to an HTML5 document
  • add Flash to an HTML5 document

CSS3 Border Styles

  • create a border using CCS3 in an HTML5 document
  • create a rounded border using CCS3 in an HTML5 document

Practice: Working with HTML5

  • use the common and useful, page and data formatting elements to give your HTML5 page an intuitive layout

MONTHLY SUBSCRIPTION

$129/month
 

ANNUAL SUBSCRIPTION

$1295/year

Multi-license discounts available for Annual and Monthly subscriptions.