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

    HTML Element: img

    Tutorial Beginner

    The HTML img element is one of the first elements developers learn, and it’s used to embed images in web documents. It is an empty element and contains...

  2. HTML (Hypertext Markup Language)

    HTML (Hypertext Markup Language)

    Tutorial Beginner

    HTML is the structural coding language we use to build web pages. Some people refer to HTML as being the “building blocks of the web”. Here’s what it means...

  3. HTML Element: meta

    HTML Element: meta

    Tutorial Beginner

    The HTML meta element is a metadata tag used to provide structured information about the document, such as character encoding, authorship, and viewport...

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

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

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

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

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

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

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

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