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. Free Course: Using SVG Sprites

    Free Course: Using SVG Sprites

    Tutorial Beginner

    SVG technology has been around for years, but it has only recently started gaining wide usage. In this course, you'll learn how to combine multiple scalable...

  2. Creating Realistic Terrain for HTML5 Games With WebGL

    Creating Realistic Terrain for HTML5 Games With WebGL

    Tutorial Intermediate

    Recently we set out to reimagine the 1980 Apple II game Flight Simulator for the web and to demonstrate what’s possible in the new Microsoft Edge browser and...

  3. The Web Audio API: What Is It?

    The Web Audio API: What Is It?

    Tutorial Beginner

    An introduction to the Web Audio API. Covers the basics, including how to make a sound in the browser, as well as how to play an mp3 file.

  4. Building HTML Page Structure With Skeleton

    Building HTML Page Structure With Skeleton

    Tutorial Intermediate

    In this tutorial we’ll be focusing on coding a PSD layout, using the responsive Skeleton boilerplate. There are plenty of tutorials on how to code a design...

  5. HTML5 Video: Understanding Compression and DRM

    HTML5 Video: Understanding Compression and DRM

    Tutorial Intermediate

    In this tutorial—the second in a series on using Azure Media Services to create and consume HTML5 video—I’ll cover the way we can ingest our content using a...

  6. New Course: Building Static Websites With Jekyll

    New Course: Building Static Websites With Jekyll

    Tutorial Beginner

    In our new course you’ll learn all about the Jekyll static site generator and build a whole website from scratch in less than two hours. Join Guy Routledge...

  7. JavaScript: How to Embed Private Members Into an Object

    JavaScript: How to Embed Private Members Into an Object

    Tutorial Intermediate

    In this tutorial, I want to share with you how to embed private members into an object using what I call “closure space”. I'll show you how you can use this...

  8. WebGL Physics and Collision Detection Using Babylon.js and Oimo.js

    WebGL Physics and Collision Detection Using Babylon.js and Oimo.js

    Tutorial Intermediate

    Today, I’d like to share with you the basics of collisions, physics and bounding boxes by playing with the WebGL Babylon.js engine and a physics engine...

  9. Web Design for Kids: HTML Content

    Web Design for Kids: HTML Content

    Tutorial Beginner

    Welcome to the fourth lesson of our Web Design for Kids series, HTML Content. In the lesson right before this, we finally jumped into coding by building the...

  10. Web Design for Kids: HTML Structure

    Web Design for Kids: HTML Structure

    Tutorial Beginner

    Welcome to the third lesson of our Web Design for Kids series, HTML Structure! We will be learning how to write our site’s structure with HTML. This...

  11. A Walkthrough on Conditional Tags in WordPress: 27 to 39

    A Walkthrough on Conditional Tags in WordPress: 27 to 39

    Tutorial Beginner

    In this series, we're going through one of the fundamental features of WordPress: Conditional Tags. In this fourth part, we'll continue introducing and...

  12. Accessibility, Part 4: Operable

    Accessibility, Part 4: Operable

    Tutorial Intermediate

    Broadly speaking this is the principle that your website must be able to be safely navigated for all users. This includes the guideline that your entire...