Learn HTML

Learn how to create the backbone of any website with our HTML tutorials. Start from scratch or brush up on the latest features and best practices.

All HTML tutorials:

  1. Introducing the HTML5 “Menu” and “Menuitem” Elements

    Introducing the HTML5 “Menu” and “Menuitem” Elements

    Tutorial Beginner

    Today I’m going to introduce you to two elements: and , part of the Interactive Elements specification. The web has evolved into something more than just...

  2. An Introduction To The HTML5 History API

    An Introduction To The HTML5 History API

    Tutorial Intermediate

    History is always interesting, isn't it? In older versions of HTML, we had limited control over browser history. We could go back and forth using the...

  3. Building a Website With Progressive Enhancement

    Building a Website With Progressive Enhancement

    Tutorial Beginner

    When building a website, you have a few ways to approach doing so. You can start by creating the most advanced version of the site with all of the...

  4. Adding Charts to Your Site with Highcharts

    Adding Charts to Your Site with Highcharts

    Tutorial Intermediate

    Everyone deals with data and very often it is presented in large data tables. Representing and reading through long tables on a website can be very...

  5. Saving Images with the WordPress Media Uploader

    Saving Images with the WordPress Media Uploader

    Tutorial Intermediate

    In this series, we're taking a look at how to implement the WordPress Media Uploader in an actual plugin. The idea behind this series and its associated code...

  6. HTML5 Page Visibility API

    HTML5 Page Visibility API

    Tutorial Beginner

    Earlier, it was not possible to determine which tab is active and which was not, but with the help of the HTML5 Visibility API, we can detect whether our...

  7. Building a Logger Mixin in Sass

    Building a Logger Mixin in Sass

    Tutorial Advanced

    In this tutorial we'll build a "logger" mixin, which outputs a flexible, informative log as CSS when Sass is compiled.

  8. Explaining the “Details” and “Summary” Elements

    Explaining the “Details” and “Summary” Elements

    Tutorial Beginner

    Lots of JavaScript libraries are developed to give us additional interactive widgets on websites. Equally, HTML5 has also interpreted a number of popular...

  9. How to Minify Your HTML5 Game for the Js13kGames Competition

    How to Minify Your HTML5 Game for the Js13kGames Competition

    Tutorial Beginner

    As you may know, the third edition of the js13kGames competition is here: the official start is set for August 13th, 13:00 CEST. Js13kGames is a competition...

  10. How They Did It: StarWars.com

    How They Did It: StarWars.com

    Tutorial Beginner

    If you haven't watched Star Wars yet, as soon as you finish this article, go watch it. All of it. (Make sure you come back and let us know if you prefer...

  11. HTML5: Network Information API

    HTML5: Network Information API

    Tutorial Beginner

    Responsive web design is an invaluable concept, but it has an important limitation, the changes we make to a web page are mostly based on the size of the...

  12. Quick Tip: Consider Wrapping Your Code With a “figure” Element

    Quick Tip: Consider Wrapping Your Code With a “figure” Element

    Tutorial Beginner

    The "figure" tag was introduced with HTML5 quite some time ago, though you may still be unfamiliar with what it does, or how it can be used in lots of...