canvas.html

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>The HTML5 Herald</title>
  <meta name="description" content="The HTML5 Herald">
  <meta name="author" content="SitePoint">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

  <!--[if lt IE 9]>
    
  <![endif]-->
</head>

<body>
  <script src="scripts.js"></script>
  <canvas id="e" width="300" height="225" style="border:1px dotted;float:left" onclick="draw_e();return false"></canvas>
<canvas id="c" width="300" height="300" style="border:1px dotted;float:left" onclick="draw_c();return false"></canvas>

 
<canvas id="b" width="300" height="225" style="border:1px dotted;float:left" onclick="draw_b();return false"></canvas>
<canvas id="d" width="300" height="225" style="border:1px dotted;float:left" onclick="draw_d();return false"></canvas>
</body>
</html>