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 content:

  1. Best Practices for ARIA Implementation

    Best Practices for ARIA Implementation

    Tutorial Beginner

    Already familiar with how to add ARIA to your site from our other articles? Now find out when and why to use this accessibility extension to create a better...

  2. Accessible Apps: Barriers to Access and Getting Started With Accessibility

    Accessible Apps: Barriers to Access and Getting Started With Accessibility

    Tutorial Beginner

    The goal of accessibility is that your tool works for all people, wherever they fall on the spectrum of hearing, movement, visual, and cognitive ability....

  3. Quick Tip: Use the “lang” Attribute for Better Accessibility

    Quick Tip: Use the “lang” Attribute for Better Accessibility

    Tutorial Beginner

    The “lang” attribute is one of the global HTML attributes developers can apply to any HTML element–it can really help with accessibility, here’s how!

  4. The Importance of Heading Levels for Assistive Technology

    The Importance of Heading Levels for Assistive Technology

    Tutorial Beginner

    Navigating via headings is the most important way people who rely on assistive technology locate information. It’s therefore really important to craft your...

  5. Hands-on With ARIA: Accessibility Recipes for Web Apps

    Hands-on With ARIA: Accessibility Recipes for Web Apps

    Tutorial Beginner

    In this tutorial, we'll delve deeper into web accessibility with some ARIA recipes you can use in your own apps.

  6. Hands-on With ARIA: Homepage Elements and Standard Navigation

    Hands-on With ARIA: Homepage Elements and Standard Navigation

    Tutorial Beginner

    Learn to add ARIA to the homepage's of your projects in this tutorial. We'll talk about adding accessibility features to your content, navigation, sidebars,...

  7. How to Build a Full-Screen Responsive Carousel Slider With Owl.js

    How to Build a Full-Screen Responsive Carousel Slider With Owl.js

    Tutorial Intermediate

    In this tutorial, we’ll learn how to build an animated, responsive, full-screen carousel slider with Owl.js.

  8. Site Accessibility: Getting Started With ARIA

    Site Accessibility: Getting Started With ARIA

    Tutorial Beginner

    Using standard HTML alone, modern web apps can lock out users with accessibility needs. Improve the accessibility of your app or site with this guide to the...

  9. Parsing HTML With PHP Using DiDOM

    Parsing HTML With PHP Using DiDOM

    Tutorial Beginner

    This tutorial will teach you how to parse HTML using the DiDOM library in PHP. You will learn how to find a particular element in an HTML document and how to...

  10. How to Build an Attractive Responsive Image Gallery With slick.js

    How to Build an Attractive Responsive Image Gallery With slick.js

    Tutorial Intermediate

    In this tutorial we’ll use slick.js, a popular jQuery plugin, to build an attractive responsive image gallery.

  11. Build a Classic Five-Page Website

    Build a Classic Five-Page Website

    Course Beginner

    The "five-page static website” is the bread and butter of web design. Even though it doesn’t have the ubiquitous presence online it once did, only if you are...

  12. How to Build an Accordion Component With CSS and a Touch of JavaScript

    How to Build an Accordion Component With CSS and a Touch of JavaScript

    Tutorial Beginner

    In today’s tutorial we’ll learn how to build a show/hide component with CSS and a little bit of JavaScript.