Learn HTML

Learn how to create the backbone of any website with our HTML tutorials. Start from scratch or brush up on the latest features and best practices.
Read moreRead less
All content
Courses
Tutorials

All HTML tutorials:

  1. HTML Element: li

    HTML Element: li

    Tutorial • Beginner

    The li element in HTML stands for “list item” and is used to define individual items within ordered and unordered lists.

  2. HTML Element: ul

    HTML Element: ul

    Tutorial • Beginner

    The ul element in HTML stands for “unordered list” and is used to create lists of items where the order of items doesn’t matter.

  3. HTML Element: picture

    HTML Element: picture

    Tutorial • Beginner

    The HTML picture element is used for specifying a series of images on web pages, giving us detailed control for responsive design.

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

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

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

  7. I Style My ALT Text (and You Should Too)

    I Style My ALT Text (and You Should Too)

    Tutorial • Beginner

    The alt attribute within an image tag provides alternative content for users who can't download images, or who have images turned off. But have you ever...

  8. HTML Element: dialog

    HTML Element: dialog

    Tutorial • Beginner

    The HTML dialog element is used when you want to create a modal or dialog box that overlays the main content of a web page.

  9. Building an Admin Dashboard Layout With CSS (and a Touch of JavaScript)

    Building an Admin Dashboard Layout With CSS (and a Touch of JavaScript)

    Tutorial • Intermediate

    In this tutorial, we’ll create a responsive dashboard layout. To build it, we’ll borrow some ideas from the WordPress dashboard.

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

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

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

Related Categories

CSS
HTML/CSS
UI Design
Sketch
Unlimited Downloads
From $16.50/month
Get access to over one million creative assets on Envato.
Over 9 Million Digital Assets
Everything you need for your next creative project.
Create Beautiful Logos, Designs
& Mockups in Seconds
Design like a professional without Photoshop.
Join the Community
Share ideas. Host meetups. Lead discussions. Collaborate.