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. 10 Bootstrap Single Page Templates (for Landing Pages in 2025)

      10 Bootstrap Single Page Templates (for Landing Pages in 2025)

      Tutorial Beginner

      In this roundup article, we will find some of the best Bootstrap-based templates on the internet and learn how to use them to create an awesome landing page...

    2. Lazy Loading Images Using HTML and JavaScript

      Lazy Loading Images Using HTML and JavaScript

      Tutorial Beginner

      This tutorial will teach you how to load images lazily using HTML and JavaScript without any third-party libraries.

    3. CSS Hover Effects: Techniques for Creating a Text “Wipe Fill”

      CSS Hover Effects: Techniques for Creating a Text “Wipe Fill”

      Tutorial Beginner

      In today’s tutorial, we’ll learn three different techniques for creating a “wipe fill” CSS hover effect. We’ll even go one step further and give ourselves...

    4. Best Art Gallery, Museum and Exhibition HTML Templates for 2025

      Best Art Gallery, Museum and Exhibition HTML Templates for 2025

      Tutorial Beginner

      Are you looking for an efficient way to build your art gallery, museum or exhibition website? Then why not consider prebuilt HTML website templates!

    5. Create a Parallax Scrolling Effect (With Contrasting Text Effect)

      Create a Parallax Scrolling Effect (With Contrasting Text Effect)

      Tutorial Intermediate

      In today's tutorial, we're going to create a beautiful parallax scrolling animation, contrasting the heading text against the background image. 

    6. HTML Element: div

      HTML Element: div

      Tutorial Beginner

      The div element has no special meaning, but it’s used a lot! In short, it represents its children. It is used to group elements on a page for styling contexts.

    7. HTML Element: tr

      HTML Element: tr

      Tutorial Beginner

      The tr element (“table row”) represents a row in a table.  The td and th elements are then used within the row to construct table cells.

    8. HTML Element: td

      HTML Element: td

      Tutorial Beginner

      The td element (“table data”) represents a data cell in a table. It’s nested inside the tr (“table row”) element.

    9. HTML Element: span

      HTML Element: span

      Tutorial Beginner

      The span element is an inline element, which doesn’t really describe its content in any specific way. It should only be used when there isn’t a more...

    10. 14 Valentine’s Day Web Templates You Should Use

      14 Valentine’s Day Web Templates You Should Use

      Tutorial Beginner

      Discover the benefits of customizing your website for Valentine’s Day and find the perfect templates to make it happen with our latest handy roundup.

    11. How to Filter Data on a Webpage (with JavaScript)

      How to Filter Data on a Webpage (with JavaScript)

      Tutorial Intermediate

      In this tutorial, we’ll look into using vanilla JavaScript to filter mock data (results on a blog listing page) according to their category.

    12. The Best Responsive Menu Tutorials on Tuts+

      The Best Responsive Menu Tutorials on Tuts+

      Tutorial Beginner

      Interested in building a responsive menu for your next project, but need some inspiration? Today we’ll explore the best CSS and JavaScript header menu...