title: How to create shapes in HTML5/Html?
body: <p>Below is my canvas in which I have a red rectangle on it.</p>
  
  <pre><code>&lt;canvas id="myCanvas" width="300" height="400" style="border:1px 
  solid #000000;"&gt;
  &lt;/canvas&gt;
  
  &lt;script&gt;
  var canvas = document.getElementById("myCanvas");
  var context = canvas.getContext("2d");
  context.fillStyle = "#FF0000";
  context.fillRect(0,0,150,75);
  
  &lt;/script&gt;
  </code></pre>
  
  <p>My questions are how do I position the rectangle to the bottom of my canvas? and, how do I create 2 circles?</p>