Prezados, Segue minha solução!
<canvas width="600" height="400"></canvas>
<script>
var tela = document.querySelector('canvas');
var pincel = tela.getContext('2d');
//fundo
pincel.fillStyle = "white";
pincel.fillRect(0,0,600,400);
//cabeca
pincel.fillStyle = "darkgreen";
pincel.fillRect(125,50, 350, 300);
//olho esquerdo
pincel.fillStyle = "black";
pincel.fillRect(175, 100, 90, 90);
//olho direito
pincel.fillStyle = "black";
pincel.fillRect(335, 100, 90, 90);
//nariz
pincel.fillStyle = "black";
pincel.fillRect(265, 190, 70, 100);
//boca esq
pincel.fillStyle = "black";
pincel.fillRect(225, 240, 40, 110);
//boca dir
pincel.fillStyle = "black";
pincel.fillRect(335, 240, 40, 110);
</script>
Quando a ferramenta não é selecionada, o navegador interpreta o código HTML como se fosse parte do HTML do site e não exibe o seu código na mensagem.