在HTML中，我們可以使用標簽來畫圖形，下面我們來學習一下如何用HTML畫一個太陽。首先，我們需要使用pre標簽來顯示代碼，具體代碼如下所示：
<!DOCTYPE html>
<html>
<head>
<title>畫太陽</title>
</head>
<body>
<canvas id="sun" width="300" height="300"></canvas>
<script>
window.onload = function() {
var canvas = document.getElementById('sun');
var context = canvas.getContext('2d');
var centerX = canvas.width / 2;
var centerY = canvas.height / 2;
var radius = 100;
context.beginPath();
context.arc(centerX, centerY, radius, 0, 2*Math.PI, false);
context.fillStyle = 'yellow';
context.fill();
context.closePath();
context.beginPath();
context.moveTo(centerX, centerY - radius);
context.lineTo(centerX + 20, centerY - radius - 20);
context.lineTo(centerX - 20, centerY - radius - 20);
context.fillStyle = 'white';
context.fill();
context.closePath();
};
</script>
</body>
</html>以上代碼中，我們首先聲明了一個Canvas元素，并且設置了它的寬和高。接著，我們使用JavaScript獲取到該元素的上下文，并且設置太陽的圓心和半徑。在畫太陽時，我們先使用canvas的beginPath()方法開啟一個新的path，然后使用arc()方法畫出一個半徑為100的圓，顏色設置為黃色，最后使用canvas的fill()方法填充顏色。為了畫太陽上的輻射，我們使用canvas的moveTo()和lineTo()方法連接三個點，最終得到的就是我們想要的太陽了。
以上就是HTML畫一個太陽的簡單介紹，希望能夠幫助大家了解基礎的HTML畫圖技巧。