HTML是網頁制作的基礎語言，可以通過代碼來實現各種豐富多彩的效果。例如炫酷的煙花效果，就可以通過HTML代碼來實現。
<!DOCTYPE html>
<html>
<head>
<title>煙花效果</title>
</head>
<body>
<canvas id="canvas"></canvas>
<script>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
var particles = [];
var particleCount = 300;
var explodeCount = 5;
var windowWidth = window.innerWidth;
var windowHeight = window.innerHeight;
canvas.width = windowWidth;
canvas.height = windowHeight;
function Particle() {
this.radius = Math.random() * 6 + 3;
this.x = Math.random() * (windowWidth - this.radius * 2) + this.radius;
this.y = Math.random() * (windowHeight - this.radius * 2) + this.radius;
this.color = 'rgb(' + Math.floor(Math.random() * 256) + ', ' + Math.floor(Math.random() * 256) + ', ' + Math.floor(Math.random() * 256) + ')';
this.velocityX = Math.random() * 6 - 3;
this.velocityY = Math.random() * 6 - 3;
}
function explode() {
for (var i = 0; i< particleCount; i++) {
var particle = new Particle();
particles.push(particle);
}
}
function draw() {
ctx.clearRect(0, 0, windowWidth, windowHeight);
for (var i = 0; i< particles.length; i++) {
ctx.beginPath();
ctx.arc(particles[i].x, particles[i].y, particles[i].radius, 0, Math.PI * 2);
ctx.fillStyle = particles[i].color;
ctx.fill();
particles[i].x += particles[i].velocityX;
particles[i].y += particles[i].velocityY;
if (particles[i].y >windowHeight || particles[i].x >windowWidth || particles[i].x< 0) {
particles.splice(i, 1);
i--;
}
}
}
setInterval(function() {
if (explodeCount >0) {
explode();
explodeCount--;
}
draw();
}, 30);
</script>
</body>
</html>這段代碼通過canvas標簽創建了一個畫布，利用Javascript實現了煙花效果。首先定義了粒子對象，包括半徑、位置和速度等屬性，然后定義一個爆炸函數，通過循環初始化一定數量的粒子對象，并添加到粒子數組中。接下來定義了一個繪制函數，循環繪制每一個粒子，并更新它們的位置。最后，通過定時器循環執行爆炸和繪制函數，實現了煙花的效果。
通過HTML和Javascript的結合，可以實現各種炫酷的效果，為網頁增添更多的樂趣和創意。