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.

All HTML tutorials:

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

  2. HTML Element: canvas

    HTML Element: canvas

    Tutorial Beginner

    The HTML canvas element allows you to create interactive graphics on a web page using JavaScript. It provides a drawing surface for JS code to create dynamic...

  3. HTML Element: table

    HTML Element: table

    Tutorial Beginner

    table is an HTML element that displays data in tabular format. HTML tables use rows and columns to make data and relationships easy to interpret.

  4. Vertical and Horizontal Scrolling With fullPage.js

    Vertical and Horizontal Scrolling With fullPage.js

    Tutorial Beginner

    These days more and more sites are designed based on the single-page approach (known as single-page or one-page sites). In this tutorial, we’ll explore how...

  5. HTML Element: col

    HTML Element: col

    Tutorial Beginner

    The HTML col element defines a column within a table, and is often used in combination with the colgroup element. It is used to apply properties to all cells...

  6. HTML Element: bdo

    HTML Element: bdo

    Tutorial Beginner

    The HTML bdo element is used to override the current directionality of text, which can be helpful in cases where content needs to be displayed in a direction...

  7. HTML Element: colgroup

    HTML Element: colgroup

    Tutorial Beginner

    The HTML colgroup element defines a group of columns within a table. It is used to specify properties for a column or a group of columns in a table using the...

  8. HTML Element: caption

    HTML Element: caption

    Tutorial Beginner

    The HTML caption element represents the title of a table and must be the first child of a table element. A caption can introduce context for a table, making...

  9. Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

    Make A FullScreen Button with JavaScript (for Video and Other HTML Elements)

    Tutorial Intermediate

    In this tutorial, you’ll learn how to make an element enter fullscreen mode on any browser using the JavaScript FullScreen API.

  10. HTML Element: cite

    HTML Element: cite

    Tutorial Beginner

    The cite element represents a reference to a creative work, such as a book, a song, a movie, a piece of art, or a web page.

  11. HTML Element: data

    HTML Element: data

    Tutorial Beginner

    The HTML data element represents machine-readable data. This element provides metadata for computers, such as data for search engines or other processing...

  12. Phases of the JavaScript Event Lifecycle

    Phases of the JavaScript Event Lifecycle

    Tutorial Intermediate

    Learn more about the three different phases of JavaScript events. This post covers the capturing, target, and bubbling phases.