index.html

<html>

    <head>
        <title>Porkopolis</title>
    </head>

    <link rel="stylesheet" href="styles.css"
      type="text/css" media="screen" charset="utf-8" />

    <style>
        body { <!-- This does not get highlighted in Notepad++ and does not work when I open it in a web browser. -->
            backround-image: url("https://i.imgsafe.org/30/309ea142fe.jpeg");
        }
    </style>

<!-- Everything except the title should be in <body> </body> -->
    <body>
        <p>
            <h1>Porkopolis Minecraft Server</h1>

            Hello! Welcome to my test site for my <i>CSCI 106 Web Development</i> class!</p>

        </p>
    </body>
</html>