HTML是一種標記語言，可以使用標簽和屬性來描述網頁的結構和內容。當我們需要向網頁中添加圖表時，通常需要借助JavaScript和相應的圖表庫來實現。但是，通過使用HTML5中的canvas標簽，我們也可以直接在HTML中實現圖表的繪制。

下面的代碼演示了如何使用HTML和JavaScript在網頁中繪制一個簡單的餅圖：

<canvas id="myCanvas" width="300" height="300"></canvas>
<script>
var canvas = document.getElementById("myCanvas");
var ctx = canvas.getContext("2d");
var data = [30, 50, 20];
var colors = ["#3498db", "#2ecc71", "#e74c3c"];
var total = 0;
for (var i = 0; i < data.length; i++) {
total += data[i];
}
var startAngle = 0;
for (var i = 0; i < data.length; i++) {
var sliceAngle = 2 * Math.PI * data[i] / total;
ctx.fillStyle = colors[i];
ctx.beginPath();
ctx.moveTo(150, 150);
ctx.arc(150, 150, 100, startAngle, startAngle + sliceAngle);
ctx.fill();
startAngle += sliceAngle;
}
</script>

以上代碼中，使用canvas標簽創建了一個300x300的畫布，使用JavaScript獲取畫布并設置繪圖上下文。然后，定義了一個數據數組和對應的顏色數組，計算總數并繪制每個扇形區域。

通過在HTML中嵌入canvas標簽和相關的JavaScript代碼，我們可以靈活地實現各種類型的圖表，并將其與網頁內容混合展示。