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

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

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

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

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

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

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

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

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

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

  11. HTML Element: bdi

    HTML Element: bdi

    Tutorial Beginner

    The HTML bdi element is used to isolate text that might be formatted in a different direction from other text in the same block. The abbreviation “bdi”...

  12. From Pixels to Code: AI-Powered Tools for Automatic HTML and CSS Generation

    From Pixels to Code: AI-Powered Tools for Automatic HTML and CSS Generation

    Tutorial Beginner

    AI-based tools are revolutionizing web design by automatically generating HTML and CSS code from design files. But are they all they’re cracked up to be?...