HTML Code Examples You Can Run and Copy

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>My first page</title>
</head>
<body>
  <h1>Hello, world!</h1>
  <p>This is a paragraph of text.</p>
</body>
</html>

<a href="https://example.com/">Visit Example</a>

<img src="photo.jpg" alt="A lighthouse at sunset" width="600" height="400">

<ul>
  <li>Milk</li>
  <li>Bread</li>
  <li>Eggs</li>
</ul>

<ol>
  <li>Preheat the oven.</li>
  <li>Mix the ingredients.</li>
  <li>Bake for 25 minutes.</li>
</ol>

<table>
  <caption>Monthly sales</caption>
  <thead>
    <tr>
      <th scope="col">Month</th>
      <th scope="col">Units</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>January</td>
      <td>120</td>
    </tr>
    <tr>
      <td>February</td>
      <td>95</td>
    </tr>
  </tbody>
</table>

<form action="/contact" method="post">
  <label for="name">Name</label>
  <input type="text" id="name" name="name" required>

  <label for="email">Email</label>
  <input type="email" id="email" name="email" required>

  <label for="message">Message</label>
  <textarea id="message" name="message" rows="4"></textarea>

  <button type="submit">Send</button>
</form>

<header>
  <h1>Site name</h1>
  <nav>
    <a href="/">Home</a>
    <a href="/about">About</a>
  </nav>
</header>

<main>
  <article>
    <h2>Article title</h2>
    <p>Article text goes here.</p>
  </article>
</main>

<footer>
  <p>&copy; 2026 Site name</p>
</footer>