<!DOCTYPE html>
<html>
<head>
    <title>Example HTML Page</title>
</head>
<body>
    <!-- This is a heading element -->
    <h1>Welcome to My Website</h1>

    <!-- This is a paragraph element -->
    <p>This is a paragraph of text on my website. It gives some information to the visitors.</p>

    <!-- This is an anchor element (link) -->
    <a href="https://example.com">Visit Example</a>

    <!-- This is an ordered list with list items -->
    <h2>Steps to Make Tea</h2>
    <ol>
        <li>Boil water</li>
        <li>Add tea leaves</li>
        <li>Pour water into a cup</li>
        <li>Add sugar and milk</li>
    </ol>

    <!-- This is a form element with input fields and a button -->
    <h2>Contact Us</h2>
    <form>
        <label for="name">Name:</label>
        <input type="text" id="name" name="name">
        <br>
        <label for="email">Email:</label>
        <input type="email" id="email" name="email">
        <br>
        <button type="submit">Submit</button>
    </form>
</body>
</html>
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.