My Programming Notes: HTML5 Hello World

Hello World Template for HTML5:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>HTML 5</title>
    <script type="text/javascript">
        window.addEventListener( "load", eventWindowLoaded, false );

        function eventWindowLoaded() {
            var theCanvas = document.getElementById( "canvas1" );
            var context = theCanvas.getContext( "2d" );
            context.fillText("Hello World!", 100, 50 );
        }
    </script>
</head>
<body>
    <canvas id="canvas1" width="500" height="300">
        Your browser does not support HTML5 Canvas.
    </canvas>
</body>
</html>

My Programming Notes

Pages

HTML5 Hello World

No comments:

Post a Comment