HTML basics

<!DOCTYPE html>
<html>
    <head>
            <title>HTML Cheat Sheet</title>
    </head>
    <body>
    <!-- Headings -->
    <h1>Heading One</h1>
    <h2>Heading Two</h2>
    <h3>Heading Three</h3>
    <h4>Heading Four</h4>
    <h5>Heading Five</h5>
    <h6>Heading Six</h6>

    <!-- Paragraph -->
    <p>
        <strong>Generating some text.</strong>

    </p>
    <p>
        Generating some <em>text</em>.
        <a href="http://google.com " target="_blank">Link</a>

    </p>
    <!-- Lists -->
    <ul>
        <li>List item 1</li>
        <ol>
            <li>Drezden</li>
            <li>Drezden</li>
            <li>Drezden</li>
        </ol>
        <li>List item 2</li>
        <li>List item 3</li>
        <li>List item 4</li>
    </ul>
    <ol>
        <li>List item 1</li>
        <li>List item 2</li>
        <li>List item 3</li>
        <li>List item 4</li>
    </ol>
    <!-- Table -->
    <table>
        <thead>
            <tr>
                <th>Name</th>
                <th>Email</th>
                <th>Age</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Brad Traversky</td>
                <td>brad@something.com</td>
                <td>35</td>
            </tr>
            <tr>
                <td>John Doe</td>
                <td>jdoe@something.com</td>
                <td>29</td>
            </tr>
            <tr>
                <td>Adrian Andrews</td>
                <td>adrew@something.com</td>
                <td>23</td>
            </tr>
        </tbody>

    </table>
    <br>
    <hr>
    <br>
    <!-- Forms -->
    <form action="process.php" method="POST">
        <div>
             <label>First Name</label>
             <input type="text" name="firstName"
             placeholder ="Enter first name ">
        </div>
    <br>
        <div>
            <label>Last Name</label>
            <input type="text" name="lastName">
        </div>
        <br>
        <div>
            <label>Email</label>
            <input type="email" name="email">
        </div>
        <br>
        <div>
            <label>Message</label>
            <textarea name="message"></textarea>
        </div>
        <br>
        <div>
            <label>Gender</label>
            <select name="gender">
                <option value="male">Male</option>
                <option value="female">Female</option>
                <option value="other">Other</option>
            </select>
        </div>
        <br>
        <div>
            <label>Age:</label>
            <input type="number" name="age"
            value=""30>
        </div>
        <br>
        <div>
            <label>Birthday</label>
            <input type="date" name="birthday">
        </div>
        <br>
        <input type="submit" name="submit"
               value="Submit">
    </form>
    <!-- Button -->
    <button>Click me</button>
    <br>
    <!-- Image -->
    <a href="images/sample.jpg">
    <img src="images/sample.jpg" alt="My sample image" width="200">
    </a>
    <!-- Quotations -->
    <blockquote cite="http://tranversymedia.com">
        We shall all die, not just yet though.
    </blockquote>
    <p>The <abbr title="World wide web">WWW</abbr>
        is awesome </p>
    <p><cite>HTML crash course by Brad Traversky</cite></p>
    <hr>
    <a href="blog.html">1</a>
    <div style="margin-top:500px;"></div>
    </body>


</html>