047-box-properties.html

<html>
<head>
    <title>Handmade Sites!</title>
    <link rel="icon" href="https://xyz.com/favicon.png">
    <style>
        body {
            background-color: orange;
            background-image: url("https://linktoimage.com/image.png");
            background-size: cover;
            font-family: Verdana;
            font-weight: bold;
            font-style: italic;
            font-size: 16px;
            color: orange;
            text-align: center;
        }

        .navigation {
            border: 1px solid teal;
            border-radius: 3px;
            padding: 16px;
            margin-bottom: 8px;
            width: 400px;
        }

        a:hover {
            color: red;
        }

        h1 {
            color: #0000FF;
            text-decoration: underline;
        }

        p {
            color: rgb(0, 0, 255);
        }
    </style>
</head>
<body>
    <div class="navigation">
        <h1>Heading 1</h1>

        <p>This is a paragraph.</p>

        <a href="https://linktosomewhere.com">External Link</a>
        <a href="page2.html">Page 2</a>

        <img src="https://linktoimage.com/cat.jpeg">
        <img src="big-guy.png">

        <ul>
            <li>This is a list</li>
            <li>It has two items</li>
        </ul>
    </div>
</body>
</html>