O'Reilly logo

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

HTML 5

Video Description

The current version of HTML in use on the web today was last updated in 1997. The Web has changed dramatically over those thirteen years and an update to HTML was desperately needed. In the mid 2000s a group called the Web Standard Project began developing HTML5. The goal of the project: develop an HTML standard capable of running full applications in a web browser. HTML5 introduces a number of new elements, attributes, events, and new ways for developers to create web pages and web applications using a version of HTML that is designed around how users are using the Web. In this course, Mark Long will introduce you to HTML 5. He will walk you through a number of practical examples that will quickly get you up and running. He will also teach you about the new features in HTML including: semantic tags, audio and video support, and events. Click the movie links below to get started today!

Table of Contents

  1. Introduction
    1. Welcome 00:01:58
    2. Course Objectives 00:03:51
    3. Course Structure 00:05:05
    4. Evolution of the Web 00:06:37
    5. HTML History 00:06:30
    6. What is a WHATWG? 00:06:22
    7. HTML5 Design Principles 00:06:31
    8. Your First HTML5 Page 00:04:09
    9. Open in Notepad 00:03:24
  2. HTML Basics
    1. Understanding HTML Structure 00:06:08
    2. Understanding DOCTYPE 00:05:58
    3. Using DOCTYPE pt. 1 00:06:23
    4. Using DOCTYPE pt. 2 00:03:01
    5. Understanding Character Encoding 00:06:48
    6. Understanding Mime Types 00:06:20
    7. Understanding Elements 00:05:20
    8. Understanding Attributes 00:05:26
    9. Understanding Links 00:03:32
    10. Understanding Tables 00:03:26
    11. Understanding Forms 00:03:37
    12. Validating HTML 00:06:42
    13. Drafts/Standards/Browsers 00:06:32
  3. New and Improved
    1. What is HTML5 Really? 00:06:04
    2. New in HTML5 00:06:40
    3. HTML5 & CSS 00:06:34
    4. HTML5 & JavaScript 00:06:38
    5. When Should I Switch? 00:06:05
    6. What is the Big Semantic Deal? 00:04:00
    7. Markup & Structure 00:04:56
    8. Firefox Development Tools 00:06:49
    9. Standard Attributes 00:03:31
    10. New Attributes 00:03:06
  4. New Markup Elements
    1. HTML4 HTML Blog 00:04:53
    2. HTML5 Blog 00:06:35
    3. HTML5 Outlining 00:07:06
    4. Header Element 00:02:51
    5. Header Demo 00:05:04
    6. HGroup Element 00:02:34
    7. HGroup Demo 00:03:58
    8. Nav Element 00:02:51
    9. Nav Demo 00:05:59
    10. Article Element 00:02:49
    11. Article Demo 00:05:41
    12. Footer Element 00:02:08
    13. Footer Demo 00:07:23
    14. Section Element 00:04:25
    15. Section Demo 00:04:49
    16. Aside Element 00:03:04
    17. Aside Demo 00:06:06
    18. Currently Unsupported Elements 00:03:36
    19. Menu Element 00:04:40
    20. Command Element 00:03:04
    21. Details & Summary Elements 00:03:04
  5. New Media Elements
    1. HTML5 & Media 00:06:37
    2. Media: The Rest of the Story 00:06:33
    3. Codec Moments 00:05:52
  6. HTML5 Video
    1. Supported Video Formats 00:05:42
    2. Video Attributes 00:03:31
    3. Video Browser Support 00:03:00
    4. Basic Video Demo 00:04:09
    5. Multi Format Demo 00:03:02
    6. Converting Video Formats 00:03:05
  7. Canvas Element
    1. What is a Canvas 00:02:39
    2. Canvas Element 00:02:11
    3. Canvas Demo 00:06:50
    4. Canvas Animation 00:02:27
  8. HTML5 Audio
    1. Audio Element 00:03:18
    2. Audio Formats 00:04:36
    3. Audio Attributes 00:03:10
    4. Audio Demo 00:03:38
    5. Multiple Browser Audio 00:03:59
  9. New Form Elements
    1. Forms in HTML5 00:03:31
    2. Forms Browser Support 00:03:57
    3. New Input Types 00:02:44
    4. Input Types Demo 00:05:09
    5. Output Element 00:06:40
    6. Form Validation 00:02:58
    7. Validation Demo 00:06:13
  10. HTML5 & Events
    1. Events in HTML5 00:04:14
    2. Events Demo 00:06:42
    3. New Window Events 00:04:52
    4. New Form Events 00:02:16
    5. New Mouse Events 00:02:47
    6. Media Events 00:04:33
  11. But Wait There is More!
    1. Editable Content 00:02:57
    2. Editable Content Demo 00:04:53
    3. Regular Expressions 00:04:03
    4. Geolocation 00:03:34
    5. HTML5 Storage 00:04:10
  12. Conclusion
    1. Course Wrap Up 00:04:40
  13. Credits
    1. About the Author 00:01:59