O'Reilly logo
live online training icon Live Online training

HTML5 First Steps

Topic: Web & Mobile
Tamas Piros

HTML is a standardized markup language that allows you to create the documents that are parsed and displayed by web browsers such as Chrome. The main building block of every web application, it’s nearly as old as the internet itself but is still improving. The release of HTML5 in 2014 gave the markup language a collection of new elements, attributes, and behaviors.

Join expert Tamas Piros to get started with new features such as the Canvas API, the new video element, and new presentation layer elements such as main and section.

What you'll learn-and how you can apply it

By the end of this live online course, you’ll understand:

  • The role HTML plays in the world of web development
  • The basics of HTML5
  • Key HTML5 features and their purpose
  • The differences between HTML5 and older HTML versions

And you’ll be able to:

  • Create HTML pages using HTML5

This training course is for you because...

  • You are new to the world of web development but have some knowledge of HTML.
  • You want to understand how HTML5 differs from older HTML versions.


  • A computer with your favorite text editor and a modern web browser installed
  • Familiarity with HTML (useful but not required)

Recommended follow-up:

About your instructor

  • Tamas Piros is a director at Full Stack Training and a web developer turned technical instructor, curriculum developer, developer evangelist, and Google Developer Expert in web technologies. He has more than a decade of experience working with large, prestigious organizations. He’s delivered training classes for clients and regularly conducts presentations and workshops at conferences and meetups all over the world.


The timeframes are only estimates and may vary according to how the class is progressing

The World Wide Web: A quick overview of the internet (15 minutes)

  • Presentation: The past 10–15 years of internet history in relation to HTML
  • Q&A

HTML5 sections and outlines (30 minutes)

  • Presentation: The nav, header, footer, section, article elements
  • Hands-on exercise: Create an HTML page with the nav, header, footer, section and article elements
  • Q&A

Break (5 minutes)

HTML5 multimedia (45 minutes)

  • Presentation: Audio and video elements
  • Hands-on exercise: Add a video element
  • Q&A

HTML5 semantic elements (30 minutes)

  • Presentation: The mark, figure, figcaption, time, progress, and main elements
  • Hands-on exercise: Add a figure, figcaption, progress, and main element
  • Q&A

Break (5 minutes)

HTML5 canvas element (30 minutes)

  • Presentation: The canvas element
  • Hands-on exercise: Draw shapes using the canvas element
  • Q&A

Beyond HTML5: What’s next? (20 minutes)

  • Presentation: Changes in HTML5.2 and HTML5.3
  • Q&A