Authors: Barry Luijbregts, Matt Milner, Jon Friskics, Craig Shoemaker, Drew Barontini, Susan Simkins, Gerard K. Cohen, Gill Cleeren, Cory House, Mark Boas

HTML5 is the newest version of the default file format for web documents. It adds new form elements, audio/video support, a drawing canvas, real-time communication, local storage,... Read more

What you will learn

  • Properly define your HTML markup
  • HTML5 elements and JavaScript APIs
  • HTML that is descriptive and meaningful
  • Reusable web components
  • Real-time communication via JavaScript APIs
  • Native APIs for rich media, realtime effects and communication
  • Speed up the user experience for online and offline applications
  • Storage APIs and web sockets


You'll need to have at least a passing familiarity with JavaScript and CSS.


The goal of these beginner HTML courses are to create a solid foundation of the fundamentals of HTML. You will learn how to properly define your HTML, follow the standards and become confident using basic HTML elements. You will also learn about the new features of HTML introduced in HTML5. Aside from learning how to use all the basic features of HTML, you will learn how to write it in a descriptive and meaningful way.

HTML, CSS, and JavaScript: The Big Picture

by Barry Luijbregts

Apr 23, 2018 / 1h 28m

1h 28m

Start Course

At the core of creating applications for the web is a thorough knowledge of HTML, CSS, and JavaScript. In this course, HTML, CSS, and JavaScript: The Big Picture, you’ll learn how to create applications for the web. First, you’ll learn to display content on the web with HTML. Next, you’ll explore styling the web with CSS. Finally, you’ll discover how to make the web interactive with JavaScript. When you’re finished with this course, you’ll have a foundational knowledge of HTML, CSS, and JavaScript that will help you as you move forward to create applications for the web.

Table of contents
  1. Course Overview1m
  2. Why You Should Care About How the Web Works13m
  3. Displaying the Web with HTML21m
  4. Styling the Web with CSS22m
  5. Interacting with the Web with JavaScript23m
  6. Where to Go from Here6m

HTML Fundamentals

by Matt Milner

Jun 21, 2019 / 2h 20m

2h 20m

Start Course

At the core of web development is a thorough knowledge of HTML. In this course, HTML Fundamentals, you’ll learn how to build web pages. First, you’ll cover the basics of HTML markup. Next, you’ll explore lists, tables, and text. Finally, you’ll discover how to add images to your web pages. When you’re finished with this course, you’ll have a foundational knowledge of HTML that will help you as you move forward to web development.

Table of contents
  1. Course Overview1m
  2. Working with HTML Documents30m
  3. Displaying Text29m
  4. Creating Lists12m
  5. Linking Documents19m
  6. Displaying Data with Tables15m
  7. Including Images22m
  8. Planning for Accessibility7m

HTML and CSS: Creating a Basic Website

by Jon Friskics

May 30, 2018 / 4h 7m

4h 7m

Start Course

Learn the fundamentals of HTML and CSS, while building a strong foundation for more advanced front-end development. This interactive course was formerly known as Front-end Foundations on Code School.

Table of contents
  1. HTML2 Videos - 6 Challenges
  2. CSS3 Videos - 4 Challenges
  3. Classes and Layout2 Videos - 7 Challenges
  4. Images3 Videos - 11 Challenges
  5. Fonts and Forms2 Videos - 10 Challenges

HTML5 Fundamentals

by Craig Shoemaker

Mar 3, 2017 / 3h 47m

3h 47m

Start Course

HTML5 is a big and broad topic that has evolved much over the years. In this course, HTML5 Fundamentals, you'll learn about HTML5 from the new and updated markup to the associated JavaScript APIs that help make up the modern web. After gaining perspective on the breadth, scope, and history of HTML5 you learn about native selection, web forms, media, drawing, and drag and drop APIs. As you go through this course, you'll learn how to deal with out-of-date browsers and how you can detect browser capabilities so your web apps take advantage of all that HTML5 has to offer. After watching this course, you will have learned how to deal with out-of-date browsers and how you can detect browser capabilities so your web apps take advantage of all that HTML5 has to offer.

Table of contents
  1. Course Overview1m
  2. Introduction1h 7m
  3. Finding Parts of the Page15m
  4. Working with User Input43m
  5. Music & Video (without Plugins)20m
  6. Drawing Shapes, Charts, and More49m
  7. Drag and Drop30m

HTML 5 and CSS 3: Overview of Tag, Attribute and Selector Additions

by Drew Barontini

May 30, 2018 / 2h 52m

2h 52m

Start Course

Discover the latest versions of HTML and CSS, including HTML5 tags, form elements, attributes, input types, CSS styling, and more. This interactive course was formerly known as Front-end Formations on Code School.

Table of contents
  1. Overview & Updates1 Video - 8 Challenges
  2. HTML5 Elements2 Videos - 11 Challenges
  3. HTML5 Forms1 Video - 5 Challenges
  4. CSS3 Styles2 Videos - 12 Challenges
  5. Fonts & Interactions1 Video - 12 Challenges

Semantic HTML

by Susan Simkins

Jan 21, 2016 / 1h 49m

1h 49m

Start Course

In this HTML tutorial, we'll learn about the concept of semantic HTML. Semantic HTML means writing HTML that is descriptive and meaningful in regards to content and context. This course will talk about how, and especially why, it is important to write semantic HTML. If you have ever been confused about when and how to use semantic HTML5 elements we will talk about their intended uses in depth. We will also learn how our HTML creates an outline using both headings and HTML5 sectioning elements. We will even gain insight into accessibility concepts and how using different elements changes how those using assistive technologies perceive our webpages by testing our project with a screen reader. By the end of this HTML training, you'll have a solid understanding of how you can write better, semantic HTML. Software required: Brackets, Google Chrome.

Table of contents
  1. Introduction and Project Overview1m
  2. Semantic HTML1h 48m

Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.0)

by Gerard K. Cohen

Sep 7, 2016 / 1h 44m

1h 44m

Start Course

If you are a web/front-end developer, the work you produce must be accessible to all users. In this course, Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.0), you will get hands-on, practical code examples that you can start using today towards your goal of meeting official accessibility guidelines. First, you will learn the differences between Section 508 and WCAG 2.0, helping you to decide which guideline to use. Next, you'll dive into real-world, reusable code patterns/techniques and matching them to relevant guidelines. After finishing this course, not only will you be equipped to acquire government/education-related contracts, but you'll be able to make sites that meet established accessibility conformance guidelines and are more usable for everyone.

Table of contents
  1. Course Overview1m
  2. Choosing a Web Conformance Guideline8m
  3. HTML1h 4m
  4. Media18m
  5. Responsive Web Design and Accessibility11m


Now that you have the basics down, let’s learn how to put your HTML5 knowledge to practical use. This section will show you how to build useful and meaningful applications using many new HTML features. Here you will learn how to create reusable web components, leverage JavaScript APIs for real-time communication, add rich media to your web pages and harness the power of data in the browser.

Practical HTML5

by Gill Cleeren

Feb 24, 2015 / 4h 6m

4h 6m

Start Course

This course is a very practical way to learn web development using HTML5, JavaScript, and CSS3. We start with an empty website at the beginning of module 1. With every module, new topics are introduced. Instead of showing how they work in a stand-alone demo, they are added directly to our site. The outcome is a fully-functioning site that includes all of the HTML5 topics covered in the course. The site provides an online storefront for a coffee shop named Joe's Coffee Store. Among many other features, your finished site includes support for the canvas, drag and drop, new input types, geolocation, SVG, CSS3, audio, media, and much more. To conclude, this course takes the practical approach: open an editor, follow along, and by the time the course is done you'll have the whole picture of how the different HTML5 building blocks work together and can help you in avoiding the use of plugins for your web development.

Table of contents
  1. Creating a Site Using HTML538m
  2. Adding Some Basic CSS and JavaScript31m
  3. Navigation, Forms, and Validation30m
  4. Adding Style and Layout with CSS333m
  5. Adding Functionality Using Built-in JavaScript Libraries43m
  6. Using Video and Adding Graphical Elements with a Canvas42m
  7. Drawing More Graphical Elements with SVG25m

HTML5 Web Component Fundamentals

by Cory House

Jan 9, 2015 / 5h 3m

5h 3m

Start Course

In this course, you'll learn how HTML5 Web Components give us the power to extend the web with our own rich, standards-based components. Web developers have been struggling for years to create truly reusable components. We struggle with styling, bundling, defining templates, and encapsulating our markup and styles from accidental manipulation. But HTML5 Web Components provide the power to finally define standards-based, reusable web components through four new technologies. Learn how to use the Shadow DOM to encapsulate the DOM and styling for your components. Define inert templates with the template tag. Extend HTML by registering your custom elements. And bundle this all together in a simple reusable package using HTML5 imports.

Table of contents
  1. Five Problems, One Solution23m
  2. Templates27m
  3. Custom Elements43m
  4. Shadow DOM Fundamentals34m
  5. Shadow DOM Insertion Points & Events53m
  6. Shadow DOM Styling51m
  7. Imports56m
  8. Native Alternatives10m
  9. Resources2m

HTML5 Audio, Video, and WebRTC

by Mark Boas

Aug 26, 2014 / 5h 10m

5h 10m

Start Course

HTML5 gives us power beyond what we've had before through native APIs in the browser delivering rich media, realtime effects and communication. In this course, you'll get hands-on examples of building your own media players on top of HTML5 APIs. You'll dive into camera support with getUserMedia, WebRTC for realtime communication, video effects with canvas, and get introduced to the Web Audio API for low-level audio support.

Table of contents
  1. Introduction12m
  2. Audio and Video Basics38m
  3. Tools and Configuration11m
  4. Introduction to the Media API24m
  5. Buffering, Seeking, Preloading, and the User Experience37m
  6. Subtitles and Playback Rate34m
  7. Canvas and WebGL45m
  8. WebRTC41m
  9. Advanced Audio25m
  10. Wrap-Up37m


Our advanced HTML5 tutorial topics include a deeper dive into building rich internet applications. You will learn how to apply many of the new features found within the HTML5 specs, such as WebSockets, geolocation and web storage, offline applications, and more.

Building on HTML5: Optimizing for Data, Communication and Offline Apps

by Craig Shoemaker

May 7, 2019 / 1h 43m

1h 43m

Start Course

What does React, Angular, Vue, and any other framework have in common? They are all built on HTML5! In this course, Building on HTML5: Optimizing for Data, Communication and Offline Apps, you will learn foundational knowledge of APIs that are common to scores of web applications. First, you will learn about strategies for storing simple data objects all the way to using the in-browser database which supports large amounts of data. Next, you will discover how to take full control of each request giving you ultimate control over whether files are loaded from the server or from the local machine. Finally, you will explore how the client receives messages pushed from the server in a performance-optimized way, as well as how to request a user’s location and sometimes even have access to details like altitude, heading and speed. When you are finished with this course, whether you’re planning on building your next application with the hottest UI framework or are hand-crafting your app with vanilla JavaScript, you will have the skills and knowledge needed to use the most important APIs available on the web.

Table of contents
  1. Course Overview1m
  2. Introduction8m
  3. Saving Data in the Browser24m
  4. Creating “Multithreaded” Web Applications10m
  5. Taking Your Application Offline 28m
  6. Communicating in Real Time16m
  7. Making Your Application Geographically Aware12m
Offer Code *
Email * First name * Last name *
Country *

* Required field

Opt in for the latest promotions and events. You may unsubscribe at any time. Privacy Policy

By activating this benefit, you agree to abide by Pluralsight's terms of use and privacy policy.

I agree, activate benefit