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

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

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

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

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

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

  7. How to Inject Custom HTML and CSS into an iframe

    How to Inject Custom HTML and CSS into an iframe

    Tutorial Intermediate

    Ever been to a site like JSBin, where you can write HTML, CSS, and JavaScript, and then see the results in a panel to the right? An iframe is how we can...

  8. Quick Tip: The Awesome Details Element

    Quick Tip: The Awesome Details Element

    Tutorial Intermediate

    One of my favorite new HTML5 tags, which has only recently been integrated into Chrome (as of version 12), is the details element. I'll show you to use it in...

  9. Quick Tip: Tooltips, Courtesy of HTML5 Data Attributes

    Quick Tip: Tooltips, Courtesy of HTML5 Data Attributes

    Tutorial Beginner

    Tooltips are relatively simple to implement by just adding a bit of markup to your HTML and employing a bit of CSS. However, if you've never heard of HTML5...

  10. 30 Days to Learn HTML and CSS

    30 Days to Learn HTML and CSS

    Tutorial Beginner

    If you've ever wanted to learn how to build websites and web apps, HTML and CSS are the first skills you should learn. They are so fundamental that we...

  11. Accessibility: What’s Your Markup Saying to You?

    Accessibility: What’s Your Markup Saying to You?

    Tutorial Beginner

    Today we're going to look at accessibility and semantics. Let's start with a question: have you ever used a screen reader? If the answer's no, you should try...

  12. How To Create A Simple 404 Error Page For WordPress Themes

    How To Create A Simple 404 Error Page For WordPress Themes

    Tutorial Beginner

    A visitor can encounter a 404 error for a number of reasons. As a website owner, you should ensure that the user experience of your website doesn't leave...