Learn HTML for Free

With thousands of resources and roadmaps, you’ll find all the information and tools you need to be successful with Learnn.

Join 50k+ Learners

must readtoolsvideo tutorialcheatsheetsweb tutorialcourseeBook
Client-side form validation
Client-side form validation

Client-side form validation sometimes requires JavaScript if you want to customize styling and error messages, but it always requires you to think carefully about the user.

must read
Must know HTML tags for SEO
Must know HTML tags for SEO

Although most HTML work is done by coders, SEOs and marketers should also know how to find their way around HTML tags. Read all about them in our blog post.

must read
HTML Crash Course
HTML Crash Course

In this crash course Brad will cram as much about HTML that I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place.

video tutorial
HTML: A good basis for accessibility
HTML: A good basis for accessibility

A great deal of web content can be made accessible just by making sure the correct Hypertext Markup Language elements are used for the correct purpose at all times. This article looks in detail at how HTML can be used to ensure maximum accessibility.

must read
HTML Code & Search Engine Success Factors
HTML Code & Search Engine Success Factors

Search Engine Land's Guide to SEO Chapter 3: HTML Code & Search Engine Ranking Success Factors explains HTML elements & using structured data.

must read
Table generator
Table generator

Free online interactive HTML Table and structured div grid styler and code generator. Select a style from the gallery and adjust the settings to get the HTML and CSS codes.

tools
HTML/CSS Acessbility {PLAYLIST}
HTML/CSS Acessbility {PLAYLIST}

While it's possible to reorder content visually using CSS, we have to be careful that doing so doesn't throw off the reading order in our page. Today on A11ycasts you'll look at how you can visually reorder content using flexbox and absolute positioning

video tutorial
HTML Coding Conventions
HTML Coding Conventions

HTML Style Guide - Learn abolut HTML Coding conventions and best practices to follow such as declaration of document type, use of lang attributes, closing tags, use of lowercase names for attributes and elements, quoting of values etc

must read
HTML Cheat Sheet
HTML Cheat Sheet

Here’s an updated list of important HTML elements for website builders. Use this in conjunction with the best website builders.

cheatsheets
6 HTML SEO Tips to Rank Higher in Google
6 HTML SEO Tips to Rank Higher in Google

Ranking in Google and other search engines is already hard enough. Make sure you're giving your site the best opportunity to rank high in search by doing these 6 simple HTLM tips.

video tutorial
9 HTML Tags (& 11 Attributes) You Must Know for SEO
9 HTML Tags (& 11 Attributes) You Must Know for SEO

HTML is the foundation of a webpage. Discover the key HTML tags and attributes that are crucial to good SEO. Find out their uses and how to code them.

must read
Controlling focus with tabindex
Controlling focus with tabindex

Whenever possible you want to use native HTML elements for your custom controls. The button tag, for instance, is very easy to style, and has built-in keyboard support and semantics.

video tutorial
Formito - Logo maker
Formito - Logo maker

Design a free typography logo for your business, product, or brand using an easy to use online logo maker tool. Choose from hundreds of fonts, preview light and dark version of your logo, and then export SVG and PNG versions.

tools
Google HTML/CSS Style Guide
Google HTML/CSS Style Guide

This document defines formatting and style rules for HTML and CSS. It aims at improving collaboration, code quality, and enabling supporting infrastructure. It applies to raw, working files that use HTML and CSS, including GSS files. Tools are free to obfuscate, minify, and compile as long as the general code quality is maintained.

must read
Form Validation UX in HTML and CSS
Form Validation UX in HTML and CSS

You can do an impressive amount of form validation with just HTML attributes. You can make the user experience pretty clean and clear with CSS selectors. But

web tutorial