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. Easy Form Validation With jQuery

    Easy Form Validation With jQuery

    Tutorial Beginner

    In this tutorial, you'll learn how to validate your forms and show custom error messages easily using the jQuery form validation plugin.

  2. 10 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)

    10 Best Responsive HTML5 Sliders for Images and Text (Plus 3 Free Options)

    Tutorial Beginner

    Looking to add an image slider in HTML to your website? Discover some of the best HTML sliders from CodeCanyon to use in 2021.

  3. 30 HTML Best Practices for Beginners

    30 HTML Best Practices for Beginners

    Tutorial Intermediate

    This tutorial is specifically for those who are just diving into web development. If you have one year of experience or less, hopefully some of the tips...

  4. Top 18 Best Practices for Writing Super Readable Code

    Top 18 Best Practices for Writing Super Readable Code

    Tutorial Intermediate

    Code readability is fundamental for development—it is key to maintainability and working together with a team. This article will detail the 18 most important...

  5. Create a Sticky Note Effect in 5 Easy Steps With CSS3 and HTML5

    Create a Sticky Note Effect in 5 Easy Steps With CSS3 and HTML5

    Tutorial Intermediate

    In this tutorial, you'll learn how to transform an HTML list into a wall of "sticky notes" that look and work like the following...

  6. Uploading Files With AJAX

    Uploading Files With AJAX

    Tutorial Intermediate

    I can’t seem to reach the end of the fun stuff you can do with web technologies. Today, I’m going to show you how to upload files via AJAX. First, we'll see...

  7. How to Use ARIA Roles, Properties, and States in HTML

    How to Use ARIA Roles, Properties, and States in HTML

    Tutorial Beginner

    In this beginner’s accessibility tutorial we’re going to learn what ARIA is, why it is necessary to write our HTML with ARIA in mind, what ARIA roles,...

  8. JavaScript Skills: Create a Responsive Header Animation on Scroll

    JavaScript Skills: Create a Responsive Header Animation on Scroll

    Tutorial Beginner

    In this tutorial we’ll learn how to animate header elements on scroll. First, we’ll build a fully responsive top navigation header with three different...

  9. Quick Tip: How to Create a Simple Fade Effect on Scroll

    Quick Tip: How to Create a Simple Fade Effect on Scroll

    Tutorial Beginner

    In today’s super quick tutorial, we’ll learn how to build a simple, yet useful scroll effect. As we scroll within the page, the visibility of two elements...

  10. How to Build a Simple Full-Screen Slideshow With Vanilla JavaScript

    How to Build a Simple Full-Screen Slideshow With Vanilla JavaScript

    Tutorial Intermediate

    In this tutorial you’ll learn how to create a responsive full-screen slideshow with plain JavaScript. To build it, we’ll go through several different...

  11. How to Add Maps to Your WordPress CF7 Contact Form

    How to Add Maps to Your WordPress CF7 Contact Form

    Tutorial Beginner

    Knowing the locations of visitors filling out your WordPress forms can help you identify who is coming to your site and showing interest. In this post, I'll...

  12. Quick Tip: How to Build a MouseOver Navigation Slide Effect

    Quick Tip: How to Build a MouseOver Navigation Slide Effect

    Tutorial Beginner

    In today’s exercise, we’ll take inspiration from Slider Revolution’s mini toolbar and build a menu that smoothly animates on hover.