Untitled

<!DOCTYPE html> <!-- HTML5 declaration -->
    <html>
        <head>
        <link rel="stylesheet" type="text/css" href ="uistyle.css">
         <!-- Viitataan uistyle csstyyli kooditiedostoon-->
            <meta charset="utf-8" />
            <title>WormS</title>
            <script src="worm.js" type="text/javascript"></script>
            <script type="text/javascript">
                function initGame() {
                    game.init();
                }
            </script>
        </head>
        <body onload="initGame();">
        <!-- CREATE DIV LAYOUT: header, left menu, gameboard, right menu, footer -->
        <div id="login"> <!-- Login, tekstikentät sekä nappulat-->
        <fieldset>
        <legend><strong>Login</strong></legend>
        Username: <input type="text" name="username" id="username">
        Password: <input type="text" name="password" id="password">
         <input type="submit" value="Login">
         <input type="submit" value="Register">
        </fieldset>


            <div id="gameboard"> <!-- Pelilauta-->

                <p>WormS does not load - have you enabled JavaScript?</p>
            </div>

            <div id="onlineplayers"> <!-- Vasen menu -->
            <fieldset>
            <legend><strong>Online players</strong></legend>
             Wobot
            </fieldset>
           </div>

            <div id="ranking"> <!--Oikea menu-->
            <fieldset>
                <legend><strong>Top scores</strong></legend>

            </fieldset>
            </div>


            <div id="chat"> <!-- Tsätti  -->
            <fieldset>
                <legend><strong>Chat</strong></legend>
                <br>
                <br>
                Type your message: <input type="text" name="message_input" id="message_input" size="60"
                maxlength="160">

            </fieldset>
        </body>
    </html>