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. Create a Contact Form in WordPress Using a Free Plugin

    Create a Contact Form in WordPress Using a Free Plugin

    Tutorial Beginner

    Today, we’re going to discuss the Formidable Forms plugin in WordPress which allows you to create different kinds of forms easily. Specifically, we’ll look...

  2. New Course: A Web Designer’s Guide to the WebP Image Format

    New Course: A Web Designer’s Guide to the WebP Image Format

    Tutorial Beginner

    The WebP image format is designed for creating high-quality images with smaller file sizes. Learn how to use it in A Web Designer’s Guide to the WebP Image...

  3. Use a Drag-and-Drop Form Builder for WordPress

    Use a Drag-and-Drop Form Builder for WordPress

    Tutorial Beginner

    FormCraft is a GDPR-ready, premium WordPress plugin you can use to create beautiful forms for your website in a matter of minutes. In this tutorial, I'll...

  4. Choose a Form Builder: The 7 Best WordPress Form Builders Compared

    Choose a Form Builder: The 7 Best WordPress Form Builders Compared

    Tutorial Beginner

    If you own a WordPress site, at some point you’re going to need a web form. When that time comes, a WordPress form builder plugin is going to be your best...

  5. Best Ways to Create an Image Slider for WordPress

    Best Ways to Create an Image Slider for WordPress

    Tutorial Beginner

    Looking to add an image slider to your WordPress site? Check out some of the best free, paid, and custom solutions for your project here.

  6. Quform vs. FormCraft: Top WordPress Form Builder Plugins Compared

    Quform vs. FormCraft: Top WordPress Form Builder Plugins Compared

    Tutorial Beginner

    Quform and FormCraft are two of the best WordPress form plugins available today. Let's take a look at how they match up.

  7. Dropdown Navigation: How to Maintain the Selected Option on Page Load

    Dropdown Navigation: How to Maintain the Selected Option on Page Load

    Tutorial Intermediate

    Today we'll learn how to maintain the selected option when navigating to a new page using a element.

  8. 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...

  9. 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....

  10. 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!

  11. 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...

  12. 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.