HTML Tutorial

This HTML tutorial teaches you how to build web pages from scratch. HTML stands for HyperText Markup Language, and it is the language every web browser understands. Whether a site is a simple blog or a huge web app, the page you see is described with HTML.

HTML does not decide colours or behaviour. Its job is structure and meaning: this is a heading, this is a paragraph, this is a link, this is an image. CSS then adds the styling and JavaScript adds interactivity.

Your First HTML Example

Below is a complete HTML page. Click "Try it Yourself", change the text, and run it again. Learning by editing is the fastest way to understand HTML.

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My First Page</title>
</head>
<body>
  <h1>Hello, world!</h1>
  <p>This page was written in plain HTML.</p>
</body>
</html>

How the Example Works

  • <!DOCTYPE html> tells the browser this is a modern HTML5 document
  • <html> is the root element that wraps the whole page; lang="en" declares the language
  • <head> holds information about the page, such as the title shown in the browser tab
  • <body> holds everything visible on the page
  • <h1> is a top-level heading and <p> is a paragraph

Why Learn HTML?

HTML is the starting point for every web developer. It is easy to read, needs no installation beyond a browser and a text editor, and gives instant visual results. Knowing HTML well also helps with SEO and accessibility, because search engines and screen readers rely on clean, meaningful markup.

Even if you plan to use frameworks like React or Laravel later, they all output HTML in the end.

What This HTML Tutorial Covers

  • Setting up an editor and writing your first file
  • Elements, attributes, headings, paragraphs and text formatting
  • Links, images, lists and tables
  • Forms and input types for collecting data
  • Semantic HTML5 layout, the head section and meta tags
  • Audio, video and embedded content
  • A final practice lesson that combines everything

How Browsers Read HTML

When you open a page, the browser downloads the HTML file, reads it from top to bottom and builds a tree of elements called the DOM (Document Object Model). It then applies styles and paints the result on screen. Browsers are forgiving, so a small mistake rarely breaks a page completely, but writing valid HTML keeps behaviour predictable across Chrome, Firefox, Safari and Edge.

Frequently asked questions

Is HTML a programming language?

No. HTML is a markup language. It describes the structure and meaning of content but has no logic such as loops or conditions; that is the job of JavaScript.

How long does it take to learn HTML?

Most beginners learn the core of HTML in one to two weeks of regular practice. Mastering semantics, forms and accessibility takes a little longer but comes naturally with real projects.

Do I need to install anything to learn HTML?

No. Any text editor and a web browser are enough. You can also use the Try it Yourself editor on this page to experiment without creating files.

What is the latest version of HTML?

HTML is now maintained as a "living standard" by WHATWG. People still call it HTML5, and the <!DOCTYPE html> declaration is all you need.