Learn HTML/CSS

Learn the fundamentals of web design with our HTML and CSS tutorials. Build landing pages, apps, websites, and more, with animations and other advanced effects.

Getting started with HTML/CSS

  • Design and Code Your First Website in 9 Easy-to-Understand Steps

    Design and Code Your First Website in 9 Easy-to-Understand Steps

    Nathan Umoh
  • HTML & CSS for Beginners (MEGA Free Course!)

    HTML & CSS for Beginners (MEGA Free Course!)

    Adi Purdila
  • All HTML/CSS tutorials:

    1. How to Create an Expanding Search Input with HTML, CSS, and JavaScript

      How to Create an Expanding Search Input with HTML, CSS, and JavaScript

      Tutorial Intermediate

      In this tutorial, we’ll cover how to create an expanding search input. When a user clicks on a search icon, the input will expand. You’ll find this sort of...

    2. How to Use CSS Gradients on the Web

      How to Use CSS Gradients on the Web

      Tutorial Beginner

      In this tutorial you’ll learn about using gradients on the web. I’ll give you some examples, some exercises (such as how to create gradients for borders),...

    3. Build a Simple YouTube App with Vanilla JavaScript

      Build a Simple YouTube App with Vanilla JavaScript

      Tutorial Intermediate

      We’re going to build a simple, yet fully functional YouTube app with Vanilla JavaScript: a simple UI where we can enter the ID of a channel and our app will...

    4. How to Fix the “There Has Been a Critical Error in Your Website” Error in WordPress

      How to Fix the “There Has Been a Critical Error in Your Website” Error in WordPress

      Tutorial Beginner

      As a WordPress site owner, your site might occasionally suffer downtime caused by one or many critical errors in WordPress. When that happens, you'll see the...

    5. What is a Static Website?

      What is a Static Website?

      Tutorial Beginner

      Unsure about what a static website is? You’ve come to the right place. Allow us to be your guide to the world of static vs dynamic websites.

    6. 10+ Best Baby and Kids HTML Website Templates

      10+ Best Baby and Kids HTML Website Templates

      Tutorial Beginner

      Whether you want to build a website for a daycare, a kid’s tutoring business, or a baby clothing store, there’s an HTML template for you. We’ve collected...

    7. 10+ Best One Page HTML Landing Page Templates For 2025

      10+ Best One Page HTML Landing Page Templates For 2025

      Tutorial Beginner

      One page HTML templates are ideal for landing pages. There are plenty of HTML templates made specifically for this purpose—let’s take a look!

    8. HTML Element: details

      HTML Element: details

      Tutorial Beginner

      The HTML details element represents a “disclosure widget” from which the user can obtain additional information or controls. It allows you to create...

    9. 10+ Best Ebook HTML Website Templates for 2025

      10+ Best Ebook HTML Website Templates for 2025

      Tutorial Beginner

      If you're looking for a creative way to sell your ebook, any one of the best ebook HTML website templates featured here ought to help you meet your goals --...

    10. Build an Interactive Image Gallery with HTML, CSS, and JavaScript

      Build an Interactive Image Gallery with HTML, CSS, and JavaScript

      Tutorial Intermediate

      Want to learn how to turn your static image gallery into an interactive one with lightbox functionality? Hang on and sit tight, cos we’re about to embark on...

    11. Demystifying JavaScript Arrow Functions

      Demystifying JavaScript Arrow Functions

      Tutorial Intermediate

      Arrow functions are one of the many powerful JavaScript tools that ES6 introduced. Arrow functions provide a concise way of writing functions by simplifying...

    12. HTML Element: img

      HTML Element: img

      Tutorial Beginner

      The HTML img element is one of the first elements developers learn, and it’s used to embed images in web documents. It is an empty element and contains...