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. Build a Quick and Elegant Login Form

    Build a Quick and Elegant Login Form

    Tutorial Beginner

    Today we're going to code up Orman Clark's Elegant Login Form using CSS3 and HTML5, plus some of Dan Eden's CSS animations to embellish the experience.

  2. Toying With the HTML5 File System API

    Toying With the HTML5 File System API

    Tutorial Intermediate

    HTML5 provides us with a whole crop of new possibilities, such as drawing with canvas, implementing multimedia with the audio and video APIs, and so on. One...

  3. Quickly Build a Swish Teaser Page With CSS3

    Quickly Build a Swish Teaser Page With CSS3

    Tutorial Beginner

    In this tutorial, you'll learn how to build a teaser page using just CSS, no images or even a Photoshop design. Many websites and upcoming apps gain great...

  4. Menu Notification Badges Using HTML5 Data-Attributes

    Menu Notification Badges Using HTML5 Data-Attributes

    Tutorial Beginner

    Today we're going to take Orman Clark's Menu Notification Badges design and build it using HTML and CSS. We'll look at a couple of ways to achieve the...

  5. Convert Your WordPress Theme to HTML5

    Convert Your WordPress Theme to HTML5

    Tutorial Intermediate

    HTML5 introduces a great set of new features and easy options. Soon it will have the full support of most browsers in use today. Eventually everyone will...

  6. A Simple, Responsive, Mobile First Navigation

    A Simple, Responsive, Mobile First Navigation

    Tutorial Beginner

    We're going to build a simple, responsive web site navigation. Our solution will help us place emphasis on the content of our page, arguably the top priority...

  7. Orman Clark's Vertical Navigation Menu: The CSS3 Version

    Orman Clark's Vertical Navigation Menu: The CSS3 Version

    Tutorial Intermediate

    Next in the Orman Clark's coded PSD series is his awesome looking Vertical Navigation Menu. We'll recreate it with CSS3 and jQuery while using the minimal...

  8. An in Depth Analysis of HTML5 Multimedia and Accessibility

    An in Depth Analysis of HTML5 Multimedia and Accessibility

    Tutorial Intermediate

    In this tutorial, you’ll learn how HTML5 helps to provide you with several ways of presenting your media content to users. As a result, you’ll increase the...

  9. Getting Started With EaselJS: A Flash-Like Interface for the HTML5 Canvas

    Getting Started With EaselJS: A Flash-Like Interface for the HTML5 Canvas

    Tutorial Beginner

    There's been some resistance from Flash developers to our new HTML5 content. In this article - aimed at experienced AS3 coders - we'll look at EaselJS, a...

  10. A Brief History of HTML5

    A Brief History of HTML5

    Tutorial Beginner

    This is that article you generally skip over. It’s the one where I don’t detail an ounce of code, but instead describe the important events that lead to what...

  11. A Basic Responsive Grid (Plus Handy CSS3 Media Query Reporter)

    A Basic Responsive Grid (Plus Handy CSS3 Media Query Reporter)

    Tutorial Beginner

    Responsive web design is here to stay. Jeffrey Zeldman's press, A Book Apart, has published a book by the name. The HTML5 Boilerplate has responsive elements...

  12. CSS3 Transitions and Transforms From Scratch

    CSS3 Transitions and Transforms From Scratch

    Tutorial Beginner

    There are some amazing examples of CSS transforms and transitions, and whilst you may be blown away by them, there's a good chance that you're also...