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

    1. How to Create 12 Different CSS Hover Effects From Scratch

      How to Create 12 Different CSS Hover Effects From Scratch

      Tutorial Beginner

      In this updated tutorial, we’re going to create 12 different CSS hover effects, including some that will require a little JavaScript. We’ll learn loads along...

    2. 13 Best HTML5 Game Templates of 2025 With Source Code

      13 Best HTML5 Game Templates of 2025 With Source Code

      Tutorial Beginner

      Do you want to build fun online games for desktop and mobile devices? HTML5 has quickly become the universal platform for creating browser-based games for...

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

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

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

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

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

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

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

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

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

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