HTML Basics

This lesson introduces HTML elements and document structure. Replace this with your own content.

A page skeleton

Every page starts from the same outline. The semantic elements name each region of the page:

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>My Page</title>
</head>
<body>
  <header>
    <nav><a href="/">Home</a></nav>
  </header>
  <main>
    <h1>Welcome</h1>
    <p>Page content goes here.</p>
  </main>
  <footer>Made with HTML</footer>
</body>
</html>

Topics

Document structure
Common elements
Semantic markup