HTML Tools
UKENRU

Your First Complete Web Page

This is the course's final lesson — combine everything you've learned: document structure, headings, links, images, lists, and CSS into one complete page.

Example

<!doctype html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>My first page</title>
  <style>
    body { font-family: sans-serif; max-width: 600px; margin: 2rem auto; }
    h1 { color: #1f6feb; }
  </style>
</head>
<body>
  <header><h1>Hi, this is my page!</h1></header>
  <main>
    <p>I'm learning HTML and can already do:</p>
    <ul>
      <li>Headings and text</li>
      <li>Links, like this one to <a href="https://html.com.ua">HTML Tools</a></li>
      <li>Lists, like this one</li>
    </ul>
  </main>
  <footer><p>&copy; 2026</p></footer>
</body>
</html>
▶ Try it in the editor

Task

Add your own photo (img) and one more section with a table or a form — and you've got a real first complete page!

Related tools

How to create an HTML page from scratch

Practical guide: how to create index.html, link a CSS file, organize your files, and avoid common beginner mistakes.

HTML — Reference