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


365体育足球You'll need to have at least a passing familiarity with JavaScript and CSS.


365体育足球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

Jan 16, 2020 / 1h 28m

1h 28m

Start Course

365体育足球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 Overview
  2. Why You Should Care About How the Web Works
  3. Displaying the Web with HTML
  4. Styling the Web with CSS
  5. Interacting with the Web with JavaScript
  6. Where to Go from Here

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 Overview
  2. Working with HTML Documents
  3. Displaying Text
  4. Creating Lists
  5. Linking Documents
  6. Displaying Data with Tables
  7. Including Images
  8. Planning for Accessibility

HTML and CSS: Creating a Basic Website

365体育足球by Jon Friskics

365体育足球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

365体育足球by Craig Shoemaker

Mar 3, 2017 / 3h 48m

3h 48m

Start Course

365体育足球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 Overview
  2. Introduction
  3. Finding Parts of the Page
  4. Working with User Input
  5. Music & Video (without Plugins)
  6. Drawing Shapes, Charts, and More
  7. Drag and Drop

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

365体育足球by Drew Barontini

365体育足球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

365体育足球Jan 21, 2016 / 1h 50m

1h 50m

Start Course

365体育足球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 Overview
  2. Semantic HTML

Meeting Web Accessibility Guidelines (Section 508/ WCAG 2.1)

by Gerard K. Cohen

Aug 5, 2019 / 1h 52m

1h 52m

Start Course

365体育足球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.1), 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.1, 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 Overview
  2. Choosing a Web Conformance Guideline
  3. HTML
  4. Media
  5. Responsive Web Design and Accessibility


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

365体育足球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 HTML5
  2. Adding Some Basic CSS and JavaScript
  3. Navigation, Forms, and Validation
  4. Adding Style and Layout with CSS3
  5. Adding Functionality Using Built-in JavaScript Libraries
  6. Using Video and Adding Graphical Elements with a Canvas
  7. Drawing More Graphical Elements with SVG

HTML5 Web Component Fundamentals

by Cory House

Jan 9, 2015 / 5h 4m

5h 4m

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 Solution
  2. Templates
  3. Custom Elements
  4. Shadow DOM Fundamentals
  5. Shadow DOM Insertion Points & Events
  6. Shadow DOM Styling
  7. Imports
  8. Native Alternatives
  9. Resources

HTML5 Audio, Video, and WebRTC

by Mark Boas

365体育足球Aug 26, 2014 / 5h 10m

5h 10m

Start Course

365体育足球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. Introduction
  2. Audio and Video Basics
  3. Tools and Configuration
  4. Introduction to the Media API
  5. Buffering, Seeking, Preloading, and the User Experience
  6. Subtitles and Playback Rate
  7. Canvas and WebGL
  8. WebRTC
  9. Advanced Audio
  10. Wrap-Up


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

365体育足球May 7, 2019 / 1h 44m

1h 44m

Start Course

365体育足球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 Overview
  2. Introduction
  3. Saving Data in the Browser
  4. Creating “Multithreaded” Web Applications
  5. Taking Your Application Offline
  6. Communicating in Real Time
  7. Making Your Application Geographically Aware
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 providing my phone number to Pluralsight and toggling this feature on, I agree and acknowledge that Pluralsight may use that number to contact me for marketing purposes, including using autodialed or pre-recorded calls and text messages. I understand that consent is not required as a condition of purchase from Pluralsight.

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

I agree, activate benefit