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 Code an Animated Toast Notification with JavaScript

      How to Code an Animated Toast Notification with JavaScript

      Tutorial Beginner

      One popular type of notification in UI design is the “toast” notification; a small pop-up message that appears on the screen to inform users about an event...

    2. 20+ Fashion Website HTML Templates

      20+ Fashion Website HTML Templates

      Tutorial Beginner

      Are you looking for an HTML template for your fashion website? Envato Elements and ThemeForest feature tons of premium Fashion HTML templates to get started...

    3. Let’s Build a Multiple Choice Quiz App With JavaScript

      Let’s Build a Multiple Choice Quiz App With JavaScript

      Tutorial Intermediate

      Interactive quizzes are a great way to engage users and test their knowledge on various topics. In this tutorial, I’ll walk you through the steps involved in...

    4. 15+ Best Bootstrap Admin Templates to Level Up Your Dashboard

      15+ Best Bootstrap Admin Templates to Level Up Your Dashboard

      Tutorial Beginner

      Let’s explore the best Bootstrap admin templates to take your dashboard UI to the next level. Whether you’re a seasoned developer or just starting out, these...

    5. 20+ Beauty and Cosmetics HTML Templates

      20+ Beauty and Cosmetics HTML Templates

      Tutorial Beginner

      HTML templates from Envato Elements and ThemeForest are the perfect choice if you're building or updating your beauty and cosmetics website.

    6. CSS Property: cursor

      CSS Property: cursor

      Tutorial Beginner

      The CSS cursor property dictates the type of cursor displayed when the mouse pointer hovers over an element. It lets your users know what kind of action they...

    7. HTML Element: figure

      HTML Element: figure

      Tutorial Beginner

      The HTML figure element is used to encapsulate media such as images, diagrams, photos, and code snippets.

    8. 15+ Best Laravel, HTML & Rails Templates for Your Web App

      15+ Best Laravel, HTML & Rails Templates for Your Web App

      Tutorial Beginner

      Before you create your next web app admin panel, check out this collection of the best templates for Laravel, Rails, and HTML that can help you out along the...

    9. 2 Ways to Build a Sticky Footer (Flexbox and CSS Grid)

      2 Ways to Build a Sticky Footer (Flexbox and CSS Grid)

      Tutorial Intermediate

      In this short tutorial, we’ll cover two quick ways to create a sticky footer with CSS—a component that will sit at the page’s bottom no matter the page’s...

    10. How to Build a Responsive Slider With Swiper.js

      How to Build a Responsive Slider With Swiper.js

      Tutorial Intermediate

      In this tutorial, we'll build a unique page layout by taking advantage of Swiper.js, one of the most popular JavaScript sliders available now.

    11. HTML Element: dfn

      HTML Element: dfn

      Tutorial Beginner

      The HTML dfn element defines a term within a document, helping to provide clarity and context. It is often paired with the abbr element to describe or...

    12. HTML Element: del

      HTML Element: del

      Tutorial Beginner

      The HTML del element represents deleted or removed content within a document, and it is typically used with the ins element to show modifications or changes...