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

  1. Quick Tip: Use “x-default hreflang” for International Landing Pages

    Quick Tip: Use “x-default hreflang” for International Landing Pages

    Tutorial Beginner

    Google recently introduced the new x-default hreflang annotation. Thanks to this markup, webmasters can specify international landing pages. Google will use...

  2. Examining Responsive Navigation: Off Canvas Patterns

    Examining Responsive Navigation: Off Canvas Patterns

    Tutorial Beginner

    In this tutorial we'll walk through four variations of patterns where navigation and page content is placed off canvas to conserve space until requested. ...

  3. Making Websites Location Aware With HTML5 Geolocation

    Making Websites Location Aware With HTML5 Geolocation

    Tutorial Beginner

    Assumption can be a risky business in the world of UX, but some assumptions can enable you to deliver a more tailored user experience to your visitors. We're...

  4. Take Control of Your Social Snippets

    Take Control of Your Social Snippets

    Tutorial Beginner

    Social signals are becoming increasingly important in the world of SEO. Facebook shares, Tweets and Google +1s have reached such volume that they have...

  5. Quick Tip: Give Your Website an iOS Home Screen Icon

    Quick Tip: Give Your Website an iOS Home Screen Icon

    Tutorial Beginner

    With more mobile web users than ever, it's important to keep your branding strong. Let's go one step further than the standard favicon and help your website...

  6. Optimizing Images for SEO

    Optimizing Images for SEO

    Tutorial Beginner

    One of the easiest ways to optimize the content of a page is to focus on the images. Most pages contain images, whether they be photographs, illustrations or...

  7. Bring Your Forms Up to Date With CSS3 and HTML5 Validation

    Bring Your Forms Up to Date With CSS3 and HTML5 Validation

    Tutorial Beginner

    Let's look at how to create a functional form which validates users' data, client-side. With that done, we'll cover prettying it up using CSS, including some...

  8. Build a Twitter Clone From Scratch: The Design

    Build a Twitter Clone From Scratch: The Design

    Tutorial Beginner

    This article represents the first in a new group effort by the Nettuts+ staff, which covers the process of designing and building a web app from scratch - in...

  9. Quick Tip: Don’t Forget the “optgroup” Element

    Quick Tip: Don’t Forget the “optgroup” Element

    Tutorial Beginner

    One popular navigation design pattern for the responsive web is collapsing your website's navigation into a select menu. However, representing hierarchy or...

  10. Introducing the HTML5 “datalist” Element

    Introducing the HTML5 “datalist” Element

    Tutorial Beginner

    HTML5 introduced a number of new elements, amongst which some interesting form controls. One such useful, yet little known control is the datalist element....

  11. Meta Tags and SEO

    Meta Tags and SEO

    Tutorial Beginner

    Much is misunderstood when it comes to the effect meta tags have on search engine rankings. Some tags were frequently used in the past, but have since lost...

  12. All You Need to Know About the HTML5 Data Attribute

    All You Need to Know About the HTML5 Data Attribute

    Tutorial Intermediate

    The HTML5 data attribute lets you assign custom data to an element. This article looks at how to use it and provides examples of when it would be ideally used.