Learn HTML the programmer way

Step-by-step lessons with runnable examples. Build strong HTML fundamentals quickly.

Start Learning MDN

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Hello, HTML</title>
  </head>
  <body>
    <h1>Hello, world!</h1>
    <p>This is your first HTML page.</p>
  </body>
</html>

Curriculum

01 Introduction What HTML is, setup, anatomy of a page. 02 Elements & Attributes Tags, attributes, nesting, void elements. 03 Text & Structure Headings, paragraphs, lists, tables. 04 Links & Images Anchors, paths, images, alt text. 05 Forms Inputs, labels, validation, semantics. 06 Layout & Semantics Semantic tags, sections, best practices.