在HTML5中，我們可以使用canvas元素和JavaScript來繪制各種形狀，包括正方形。

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

在HTML中，我們需要先創建一個canvas元素，并指定它的寬度和高度。接下來，我們可以使用JavaScript來獲取canvas對象，并使用它的方法來繪制圖形。

var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "red";
ctx.fillRect(50, 50, 100, 100);

在JavaScript中，我們可以使用fillRect()方法來繪制正方形。這個方法需要四個參數，分別是起點的橫坐標、起點的縱坐標、正方形的寬度和高度。我們還可以使用fillStyle屬性來指定填充顏色。

上面的代碼將在canvas元素中繪制一個紅色的正方形，起點位于坐標(50, 50)，寬度和高度都是100。

通過HTML5和JavaScript的繪圖功能，我們可以輕松地在網頁中創建各種形狀，為網頁增添生動的圖形效果。