HTML Tutorial for Beginners

HTML (HyperText Markup Language) is the language that describes what is on a web page: the headings, paragraphs, links, images, buttons and forms. Every website you have ever visited, from search engines to your favourite game wiki, is built on HTML.

HTML is not a programming language. It doesn't do maths or make decisions. Instead it marks up content so the browser knows what each piece is: "this is a heading", "this is a link", "this is a list". That makes it the easiest place to start coding, and you'll see your first results within minutes.

This tutorial takes you from your very first tag to complete, accessible pages. Each lesson explains one topic in plain English, shows working examples you can edit, and ends with exercises and a short quiz so you can check your understanding before moving on.

Once you know HTML, you add CSS to make pages look good and JavaScript to make them interactive.

A short history of HTML

HTML was created by Tim Berners-Lee, a scientist at CERN in Switzerland, as part of his proposal for the World Wide Web. In 1989 he wanted a simple way for researchers to share documents that could link to each other, wherever those documents were stored. By the end of 1990 he had written the first web browser, the first web server and the first pages, and in 1991 he published a short list of around eighteen tags. Several of them, such as <p>, <a> and <h1> to <h6>, are still used on every page today.

As the web grew, browser makers added their own tags, and pages often looked different from one browser to the next. Standards were written to bring order: HTML 2.0 in 1995, then HTML 3.2 and HTML 4.01 from the World Wide Web Consortium (W3C) in 1997 and 1999. HTML 4.01 separated content from presentation by moving styling into CSS, which is still how the web works.

In 2004, a group of browser makers formed the WHATWG to create a practical successor focused on web applications. Their work became HTML5, which added semantic elements such as <header>, <nav> and <article>, native audio and video, the canvas element, new form input types and much more. HTML5 became a W3C Recommendation in 2014, and in 2019 the two groups agreed that the WHATWG "living standard" would be the single version of HTML. Instead of big numbered releases, HTML now improves continuously, which is why recent features like the dialog element and popovers simply appear in browsers when they are ready.

How the course is organised

The 44 lessons are split into three stages. Basics (17 lessons) takes you from an empty file to a real page with headings, text, links, images, lists and buttons. Intermediate (14 lessons) covers tables, forms and validation, layout containers and the semantic elements that give a page its structure. Advanced (13 lessons) adds media, canvas, SVG, scripts, SEO meta tags, accessibility, responsive images, performance and modern browser APIs.

Each stage builds on the one before it, so work through the lessons in order. You'll write a complete page early in the Basics stage, and every lesson after that adds one more tool to it.

How to follow this course

Plan for one lesson per study session. Read the explanation, run each example, then change it: swap the text, add another element, remove a closing tag and see what the browser does. Those small experiments teach you more than reading alone, because you see exactly how HTML behaves when something is missing or out of place.

Finish every lesson with its exercises and quiz before moving on. At the end of each stage, build something small of your own, such as a recipe page, a profile card or a page about a hobby. The guided projects give you a starting point with clear requirements and a full solution to compare against.

Why HTML still matters

It's tempting to skip straight to frameworks, but every framework still produces HTML in the end. Developers who understand HTML well build pages that load faster, work with screen readers and keyboards, rank better in search results and need far less CSS and JavaScript to fix problems. Good HTML is also the foundation of accessibility: choosing a real <button> instead of a clickable <div> gives you keyboard support, focus handling and screen reader labels without writing a single line of script.

HTML is a skill you'll use in every web role, from frontend development and email design to content management, technical writing and SEO.