HTML5是一種標記語言，可以用來編寫網頁和應用程序，它提供了各種標簽和屬性，使得網頁開發變得簡單和靈活。在HTML5中，我們可以使用畫布（Canvas）來繪制各種形狀和圖形。下面是一個使用HTML5 Canvas繪制小人圖的代碼：

<canvas id="canvas" width="200" height="200"></canvas>
<script>
// 獲取畫布元素
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
// 繪制小人圖
ctx.fillStyle = "#0a0a0a"; // 設置填充顏色
ctx.fillRect(75, 70, 50, 50); // 繪制身體
ctx.fillRect(65, 120, 70, 10); // 繪制腿
ctx.fillRect(90, 60, 10, 20); // 繪制脖子
ctx.beginPath(); // 繪制頭
ctx.arc(95, 50, 15, 0, 2 * Math.PI);
ctx.fill(); // 填充顏色
ctx.beginPath(); // 繪制眼睛
ctx.arc(88, 45, 2, 0, 2 * Math.PI);
ctx.arc(102, 45, 2, 0, 2 * Math.PI);
ctx.fill(); // 填充顏色
</script>

上述代碼中的canvas元素是我們要繪制小人圖的畫布，通過JavaScript代碼獲取畫布元素，并獲取到2D上下文對象ctx，通過設置上下文對象的屬性和調用方法，我們可以繪制出小人圖。

canvas的坐標系原點在左上角，x軸正方向為向右，y軸正方向為向下。fillStyle屬性用于設置繪制形狀的填充顏色，fillRect方法用于繪制矩形，arc方法用于繪制圓形。

通過HTML5 Canvas，我們可以實現各種有趣的圖形和動畫效果，將網頁變得更加生動和豐富。