HTML是一種用于創建網頁的標準語言。在HTML中，我們可以使用畫圖代碼來創建各種形式的圖像，并將它們嵌入到我們的網頁中。這些代碼通常被稱為SVG（Scalable Vector Graphics）代碼，它們允許我們創建矢量圖像，這些圖像可以輕松地調整大小而不會損失質量。

下面是一個簡單的SVG代碼示例，用于創建一個圓形：

<svg width="100" height="100">
<circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" />
</svg>

在這個代碼片段中，我們通過使用SVG包含在<svg>和</svg>標簽中來創建一個SVG元素。我們還定義了SVG元素的寬度和高度為100像素。在SVG元素中，我們定義了一個圓形通過在<circle>和</circle>標簽中指定以下屬性:

• cx：圓心的x坐標
• cy：圓心的y坐標
• r：圓的半徑
• stroke：圓的邊框顏色
• stroke-width：圓的邊框寬度
• fill：圓的填充顏色

在這個例子中，我們創建了一個半徑為40、中心在(50,50)的紅色圓形，邊框顏色為黑色，邊框寬度為3。

除了圓形，我們還可以使用SVG代碼創建其他形狀，如矩形和線條。例如，下面的代碼用于創建一個藍色矩形：

<svg width="100" height="100">
<rect x="10" y="10" width="80" height="80" stroke="black" stroke-width="2" fill="blue" />
</svg>

在這個例子中，我們創建了一個位于(10,10)的80x80矩形，邊框顏色為黑色，邊框寬度為2，填充顏色為藍色。

通過使用SVG畫圖代碼，我們可以為我們的網頁添加各種各樣的圖形，從簡單的形狀到復雜的圖像。這些圖像可以增強我們的網站的視覺效果，并幫助我們向我們的用戶傳達我們想要表達的信息。