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. Develop Your First Game in Canvas From Start to Finish

    Develop Your First Game in Canvas From Start to Finish

    Tutorial Intermediate

    Whether you're taking part in the discussion, or reading articles about it, you must be aware that, even though it's still a specification, HTML5 is ready to...

  2. Getting Started With Scalable Vector Graphics (SVG)

    Getting Started With Scalable Vector Graphics (SVG)

    Tutorial Beginner

    As a web designer it's high time you knew how to implement SVG (Scalable Vector Graphics) into your websites. Let's now take a look at the basics of SVG, as...

  3. Twitter Bootstrap 101: The Carousel

    Twitter Bootstrap 101: The Carousel

    Tutorial Beginner

    One of Twitter Bootstrap's many handy features is a pleasing sliding carousel for featuring images and content! Setup is not difficult. It requires some...

  4. Markdown: The Ins and Outs

    Markdown: The Ins and Outs

    Tutorial Beginner

    Markdown is a shockingly simple markup language that allows you to write, using an easy-to-read, easy-to-write, plain text format. This format can then, in...

  5. Perfectly Rotate and Mask Thumbnails With CSS3

    Perfectly Rotate and Mask Thumbnails With CSS3

    Tutorial Beginner

    Ever seen a website showcasing image thumbnails that are slightly rotated? It's a simple effect that adds a layer of visual personality. Saying that, if...

  6. Create a Customized HTML5 Audio Player

    Create a Customized HTML5 Audio Player

    Tutorial Intermediate

    During this tutorial I'm going to be introducing you to HTML5 audio and showing you how you can create your own player.

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

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

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

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

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

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