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

上述代碼創建了一個100 x 100像素的SVG元素，并添加了一個半徑為40、填充顏色為紅色、邊緣為黑色的圓形。cx和cy屬性定義了圓心的位置。

<svg width="400" height="110">
<rect x="50" y="20" width="250" height="60" style="fill:blue;stroke:pink;stroke-width:5;opacity:0.5" />
</svg>

這個例子創建了一個長方形，使用x和y定義它的位置，width和height定義它的大小。style屬性定義了元素的填充、邊框、透明度等屬性。

<svg height="210" width="400">
<polygon points="200,10 250,190 160,210" style="fill:lime;stroke:purple;stroke-width:1" />
</svg>

這個例子創建了一個多邊形，使用points屬性定義了多邊形定點的位置坐標，并定義了元素的填充、邊框和寬度。

<svg height="110" width="500">
<text x="0" y="25" fill="red">I love SVG!</text>
</svg>

這個例子添加了一個文本元素，使用x和y屬性定義了元素的位置，fill屬性定義了文本的顏色。

<svg height="200" width="500">
<path d="M150 0 L75 200 L225 200 Z" />
</svg>

這個例子創建了一條路徑，使用d屬性定義了路徑的位置。M操作碼定義了路徑的起始點，L操作碼定義了路徑的端點，Z操作碼定義了路徑的結束點。 通過這些HTML SVG實例代碼，你可以更好地理解SVG的語法和用法，并在你的網站或應用程序中添加交互式圖形。