index.html

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>White board</title>
    <script src="modernizr-1.6.min.js"></script>
    <script src="webpaint.js"></script>
    <script src="jquery-1.8.1.js"></script>
</head>
<body onload="javascript:initCanvas()" onkeypress="keyPressHandler(event)">
    <div style="position: absolute; top: 50px; left: 50px;">
        <p>
            <label>Drawing tool:
                <select id="dtool" onchange="javascript:selectChangeHandler()">
                    <option value="pencil">Pencil</option>
                    <option value="rect">Rectangle</option>
                    <option value="circle">Circle</option>
                    <option value="text">Text</option>
                </select>
            </label>
            <label>Drawing color:
                <select id="dcolor" onchange="javascript:selectChangeHandler()">
                    <option value="000000">Black</option>
                    <option value="FF0000">Red</option>
                    <option value="00FF00">Green</option>
                    <option value="0000FF">Blue</option>
                    <option value="FFFF00">Yellow</option>
                </select>
            </label>
            <label style="display:'none'">
                <input id="fill" type="checkbox">Fill ?
            </label>
        </p>
        <canvas id="canvas" width="500" height="500">
            Your browser does not support HTML5
        </canvas>
    </div>
</body>
</html>