What Is HTML5

HTML Tutorials - Herong's Tutorial Examples

∟What Is HTML5

This section provides a quick introduction of HTML5 - the fifth edition of the HTML (HyperText Markup Language) used to publish text, multimedia and hyperlink information on the World Wide Web using text files embedded with tags.

What Is HTML5? HTML5 is the fifth edition of the HTML (HyperText Markup Language) standard proposed by W3C. HTML is a markup language that allows authors to publish text, multimedia and hyperlink information on the World Wide Web using text files embedded with tags.

Here is a good example of using HTML5 <canvas> tags to create 2D graphics adopted from "HTML5 Canvas" Website at http://www.w3schools.com/html/html5_canvas.asp:

<!DOCTYPE html>
<!-- HTML5_Example.html
 - Copyright (c) 2014 HerongYang.com. All Rights Reserved.
-->
<html>
<head>
<title>HTML5 Example</title>
</head>
<body>
HTML5 &lt;canvas&gt; example:<br/>

<canvas id="myCanvas" width="200" height="100"
  style="border:1px solid #d3d3d3;">
  Your browser does not support the HTML5 canvas tag.
</canvas>

<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");

// Create gradient
var grd=ctx.createRadialGradient(75,50,5,90,60,100);
grd.addColorStop(0,"red");
grd.addColorStop(1,"white");

// Fill with gradient
ctx.fillStyle=grd;
ctx.fillRect(10,10,150,80);
</script>
</body>
</html>