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

      HTML Element: html

      Tutorial Beginner

      The html element is the root of an HTML document. This element is required to create a valid page.

    2. HTML Element: hr

      HTML Element: hr

      Tutorial Beginner

      The hr element is a paragraph-level break (the “horizontal rule”). It’s used to illustrate a change in a story, article, or transition to a different topic...

    3. HTML Element: em

      HTML Element: em

      Tutorial Beginner

      The HTML em element emphasizes its contents. The greater the number of ancestor em elements the larger the stressor of emphasis. Using em elements can change...

    4. How to Hand Code SVG

      How to Hand Code SVG

      Tutorial Intermediate

      In this tutorial we’re going to cover all the fundamentals of coding SVGs by hand. You’ll learn how to hand code SVG through practice, creating six simple...

    5. 2 Ways to Create a CSS Frosted Glass Effect

      2 Ways to Create a CSS Frosted Glass Effect

      Tutorial Beginner

      Frosted glass in websites can be emulated using CSS, and in this tutorial I’ll show you two ways to do it. I'll explain the differences, between the two css...

    6. Best HTML Templates for AI Startups in 2025

      Best HTML Templates for AI Startups in 2025

      Tutorial Beginner

      Launch your AI Startup website with one of these AI Startup HTML Templates from ThemeForest. You can do so in no time and save tons of money! How’s that for...

    7. How to Build a Mobile Menu Microinteraction With CSS

      How to Build a Mobile Menu Microinteraction With CSS

      Tutorial Beginner

      Today, we'll use the “CSS checkbox hack technique” to build an animated mobile menu; a useful microinteraction and an alternative UI to the main menu on...

    8. HTML Element: br

      HTML Element: br

      Tutorial Beginner

      The HTML br element represents a line break. br elements must be used only for line breaks that are part of the content, as in poems or addresses.

    9. HTML Element: code

      HTML Element: code

      Tutorial Beginner

      The HTML code element represents a fragment of computer code. This could be any string-based data a computer would recognize.

    10. HTML Element: h1—h6

      HTML Element: h1—h6

      Tutorial Beginner

      h1-h6 elements represent headings for their respective sections of an HTML document. Heading elements communicate a hierarchy, and each one has an...

    11. 15 Best HTML Wedding Website Templates For 2025

      15 Best HTML Wedding Website Templates For 2025

      Tutorial Beginner

      Are you getting married soon? Don’t stress over wedding website design. Here’s a selection of top HTML wedding website templates for 2024 from Envato Market.

    12. How to Implement Smooth Scrolling With CSS & JavaScript

      How to Implement Smooth Scrolling With CSS & JavaScript

      Tutorial Beginner

      In this tutorial, we’ll learn how to implement smooth scrolling in our web pages. We’ll start with a pure CSS solution and then move on to a common jQuery...