index.html

<!DOCTYPE html>
<html>
    <head>
        <title>Hangman Game (version 0)</title>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">

        <link rel="stylesheet" href="styles.css">
        <script src="script.js" defer></script>
    </head>

    <body>

        <main>
            <h1>Hangman Game (version 0)</h1>
            <p>
                Guess the one-letter word! (Need a hint?
                <a href="https://en.wiktionary.org/wiki/Category_talk:English_one_letter_words">See this list.</a>)
            </p>

            <input type="text" id="userinput">
            <button id="submit">Submit</button>

            <p id="letter">
                ___
            </p>

            <p>
                (drawing will go here in version 2!)
            </p>

            <p id="outcome">
                ...
            </p>
        </main>

    </body>

</html>