HTML5是我們日常所接觸到的網頁開發語言之一，它不僅能夠構建網頁的基本結構，還可以使用它的繪圖API來進行一些基本的繪圖操作。下面我們來學習一下如何使用HTML5繪制五角星。

首先，我們需要使用canvas元素來創建畫布。代碼如下：

<canvas id="myCanvas" width="300" height="200"></canvas>

接著，我們需要使用JavaScript代碼來繪制五角星。代碼如下：

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.moveTo(150, 50);
ctx.lineTo(180, 130);
ctx.lineTo(90, 90);
ctx.lineTo(210, 90);
ctx.lineTo(120, 130);
ctx.closePath();
ctx.fillStyle = "#FFD700";
ctx.fill();

上述代碼中，我們通過canvas的API調用獲取畫布對象，通過獲取到的畫布對象獲取上下文，然后使用畫布上下文調用一系列繪圖API來完成五角星的繪制。在繪制完成后，我們使用了fillStyle屬性來設置五角星的填充顏色為黃色。

最終繪制出的五角星如下圖所示：

至此，我們就成功的用HTML5繪制了一個五角星。