<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>My first webpage</title>
</head>
<body>
    <!-- This is a comment, it will not be visible.-->
    <h1>My First Header</h1>
    <h2>Text H2</h2>
    <h3>Text H3</h3>
    <h4>Text H4</h4>
    <h5>Text H5</h5>
    <h6>Text H6</h6>
    
    <p>This is a paragraph test. You can add more text here. And here also.</p>
    
    <p>Using lists: </p>
    <p>Dotted: </p>
    <ul>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ul>
    
    <p>Numbered: </p>
    <ol>
        <li>Item 1</li>
        <li>Item 2</li>
        <li>Item 3</li>
    </ol>
    
    <p>Now lets place some images!</p>
    <img src="image1.png" alt="Generic Image Title">
    <img src="image2.png" alt="Generic Image Title">
</body>
</html>