HTML是一個用于創建Web頁面的標記語言。實現一個太極圖案的HTML代碼非常簡單。首先，我們可以使用HTML中的canvas元素來創建繪圖區域。

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

接下來，我們需要在JavaScript中編寫繪圖代碼。首先，我們需要獲取canvas元素的上下文，使用上下文的繪制功能來繪制圖形。在這個例子中，我們可以使用圓弧繪制函數來繪制太極圖案。

<script>
// 獲取canvas元素
var canvas = document.getElementById("myCanvas");
// 獲取canvas上下文
var ctx = canvas.getContext("2d");
// 繪制白色半圓
ctx.beginPath();
ctx.arc(100, 100, 50, 0, Math.PI, false);
ctx.fillStyle = '#FFF'; // 白色
ctx.fill();
// 繪制黑色半圓
ctx.beginPath();
ctx.arc(100, 100, 50, Math.PI, 0, false);
ctx.fillStyle = '#000'; // 黑色
ctx.fill();
// 繪制白色圓
ctx.beginPath();
ctx.arc(100, 100, 20, 0, 2 * Math.PI, false);
ctx.fillStyle = '#FFF'; // 白色
ctx.fill();
// 繪制黑色圓
ctx.beginPath();
ctx.arc(100, 80, 20, 0, 2 * Math.PI, false);
ctx.fillStyle = '#000'; // 黑色
ctx.fill();
</script>

在這個例子中，我們使用了arc()函數來繪制圓弧。這個函數接受五個參數，分別是圓心的坐標、半徑、起始角度、結束角度、和是否按照順時針方向繪制。通過多次調用這個函數，我們可以繪制出不同的圖形。

完成這個簡單的HTML代碼之后，我們可以在瀏覽器中查看效果。我們可以看到繪制了一個太極圖案，其中白色半圓代表陽，黑色半圓代表陰，兩者共存，象征陰陽相合。