HTML5 Layout


Overview/Description
Target Audience
Prerequisites
Expected Duration
Lesson Objectives
Course Number
Expertise Level



Overview/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.

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 (hours)
2.6

Lesson Objectives

HTML5 Layout

  • 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
  • create the basic page layout structure for an HTML5 document
  • specify the format for a basic page layout in an HTML5 document
  • describe how lists can be created in HTML5
  • create a list in an HTML5 document
  • specify how to configure a list in HTML5
  • describe how tables can be created in HTML5
  • create a table in an HTML5 document
  • specify how to configure tables in HTML5
  • apply color to an HTML5 document
  • create clickable hotspots on an image in HTML5
  • add images to an HTML5 document
  • configure the size of an image in HTML5
  • configure the way text will wrap around images in HTML5
  • 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
  • add video to an HTML5 document
  • add Flash to an HTML5 document
  • create a border using CCS3 in an HTML5 document
  • create a rounded border using CCS3 in an HTML5 document
  • use the common and useful, page and data formatting elements to give your HTML5 page an intuitive layout
  • Course Number:
    wd_htme_a02_it_enus

    Expertise Level
    Beginner