HTML5是一種用于網頁開發的標記語言，它不僅可以用于創建文本內容，還可以用于創建豐富的圖形和動畫效果。其中一個最重要的功能就是使用HTML5代碼繪制圖形。

使用HTML5代碼繪圖可以用于創建各種不同類型的圖形，如線條、圓形、矩形和多邊形等。要繪制圖形，需要使用一些基本的繪圖元素和屬性，如canvas、stroke()和fill()等。以下是一個簡單的HTML5畫圖代碼示例：

<canvas id="myCanvas" width="500" height="500"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.fillStyle = "#FF0000";
ctx.fillRect(0, 0, 150, 75);
</script>

在這個例子中，我們首先創建了一個canvas元素，來表示我們的畫布。然后，我們獲取了畫布的上下文，并設置了繪圖屬性，如填充樣式和繪制矩形的坐標和大小。使用fillRect()方法填充矩形區域。

另一個示例是繪制一個簡單的圓形：

<canvas id="myCanvas" width="500" height="500"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
ctx.beginPath();
ctx.arc(250, 250, 100, 0, 2 * Math.PI);
ctx.stroke();
</script>

在這個例子中，我們首先開始新的路徑，然后使用arc()方法畫了一個圓形。我們指定了圓心的坐標、半徑、起始角度和終止角度。最后，我們使用stroke()方法繪制了圓形的邊框。

總的來說，使用HTML5代碼繪圖是一種簡單有效的方式，可以為您的網站增加更多的互動性和視覺吸引力。