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. HTML Element: dd

      HTML Element: dd

      Tutorial Beginner

      The HTML dd element represents “description details”. It’s paired with dt (description term) and placed within a dl (description list) to give us the...

    2. HTML Element: dl

      HTML Element: dl

      Tutorial Beginner

      The HTML dl element represents a “description list”. It’s used to present a list of terms and their corresponding descriptions or definitions.

    3. CSS Property: flex

      CSS Property: flex

      Tutorial Beginner

      This property is the cornerstone of the CSS Flexible Box Layout Module, fondly referred to as Flexbox, which is just a fancy term for a layout model that...

    4. How To Build a Simple Carousel With Vanilla JavaScript (14 Lines of Code!)

      How To Build a Simple Carousel With Vanilla JavaScript (14 Lines of Code!)

      Tutorial Beginner

      In this tutorial, we’ll build a simple carousel or slider using less than 15 lines of vanilla JavaScript.

    5. CSS Property: color

      CSS Property: color

      Tutorial Beginner

      The color property in CSS is used to specify the color of text content. It allows you to set the foreground color, transforming the appearance of elements...

    6. Write Your Own Password Validation with JavaScript

      Write Your Own Password Validation with JavaScript

      Tutorial Advanced

      In this tutorial, we’ll write our very own password validation. It will include features such as toggling password display, matching a confirm password...

    7. Using the Popover API: Native Modals for the Web

      Using the Popover API: Native Modals for the Web

      Tutorial Beginner

      In this tutorial, you’ll learn how to use the Popover API, a versatile new tool in Chromium 114 for creating dynamic and customizable popovers.

    8. HTML Element: datalist

      HTML Element: datalist

      Tutorial Beginner

      The datalist element contains a set of option elements representing predefined options for other input elements. You can use it with the input element, whose...

    9. CSS Property: padding

      CSS Property: padding

      Tutorial Beginner

      The padding property in CSS allows you to control the space between the content of an element and its border. It acts as a cushion, giving your content some...

    10. 6 Coding Languages You Need to Learn to Get Into Machine Learning

      6 Coding Languages You Need to Learn to Get Into Machine Learning

      Tutorial Beginner

      Thinking about getting into machine learning? There is a learning curve and starting now is your best bet. Learn which programming languages to prioritize...

    11. CSS Property: background

      CSS Property: background

      Tutorial Beginner

      The CSS background property is like the wallpaper of an element—it lets you choose the visual backdrop that sets the mood and tone for your content.

    12.  2 Ways to Make HTML Table Rows Clickable

      2 Ways to Make HTML Table Rows Clickable

      Tutorial Beginner

      In this tutorial, we'll describe two quick ways to make table rows clickable. We'll start with an HTML/CSS approach. Then, we'll continue with another one...