Learn HTML

This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML.

 

Welcome to Learn HTML!

Image for: Welcome to Learn HTML!
Article

This HTML course for web developers provides a solid overview for developers, from novice to expert level HTML.

Overview of HTML

Image for: Overview of HTML
Article

A brief introduction to the key concepts in HTML.

Document structure

Image for: Document structure
Article

Learn how to structure your HTML documents with a solid foundation.

Metadata

Image for: Metadata
Article

How to use meta tags to provide information about your documents.

Semantic HTML

Image for: Semantic HTML
Article

Using the correct HTML elements to describe your document content.

Headings and sections

Image for: Headings and sections
Article

How to correctly use sectioning elements to give meaning to your content.

Attributes

Image for: Attributes
Article

Learn about the different global attributes along with attributes specific to particular HTML elements.

Text basics

Image for: Text basics
Article

How to format text using HTML.

Links

Image for: Links
Article

Everything you need to know about links.

Lists

Image for: Lists
Article

Lists and other ways of grouping your content.

Navigation

Image for: Navigation
Article

Navigation is a key element of any site of application, and it starts with HTML.

Tables

Image for: Tables
Article

Understanding how to use tables to mark up tabular data.

Forms

Image for: Forms
Article

An overview of forms in HTML.

Images

Image for: Images
Article

An overview of images in HTML.

Audio and Video

Image for: Audio and Video
Article

Discover how to work with HTML media such as audio and video.

Template, slot, and shadow

Image for: Template, slot, and shadow
Article

An explanation of template, slot, and shadow.

HTML APIs

Image for: HTML APIs
Article

Learn how HTML information can be exposed and manipulated using JavaScript.

Focus

Image for: Focus
Article

How to manage focus order in your HTML documents.

Other inline text elements

Image for: Other inline text elements
Article

An introduction to the range of elements used to mark-up text.

Details and summary

Image for: Details and summary
Article

Discover how the very useful details and summary elements work, and where to use them.

Dialog

Image for: Dialog
Article

The <dialog> element is useful for representing any kind of dialog in HTML. Find out how it works.

Conclusion and next steps

Image for: Conclusion and next steps
Article

Wrapping up with some further resources.