<meta charset="UTF-8">
<canvas width="600" height="400">//pizarra para elaborar diversos dibujos, esquemas, etc.
</canvas>
<script>
    var pantalla=document.querySelector("canvas");
    var pincel=pantalla.getContext("2d")
    pincel.fillStyle="darkgreen";
    pincel.fillRect(0,0,350,300);
    pincel.fillStyle="black";
    pincel.beginPath();
    pincel.moveTo(50,50);
    pincel.fillRect(50,50,90,90);
    pincel.fill();
    pincel.fillStyle="black";
    pincel.beginPath();
    pincel.moveTo(210,50);
    pincel.fillRect(210,50,90,90);
    pincel.fill();
    pincel.fillStyle="black";
    pincel.beginPath();
    pincel.moveTo(140,140);
    pincel.fillRect(140,140,70,100);
    pincel.fill();
    pincel.fillStyle="black";
    pincel.beginPath();
    pincel.moveTo(100,190);
    pincel.fillRect(100,190,40,110);
    pincel.fill();
    pincel.fillStyle="black";
    pincel.beginPath();
    pincel.moveTo(210,190);
    pincel.fillRect(210,190,40,110);
    pincel.fill();
</script>