HTML煙花圖片是一種基于HTML標簽的特殊圖形效果。它能夠帶給網頁訪問者一種印象深刻的視覺體驗，給網站增加一份美麗和藝術氣息。
<html>
<head>
<script>
function launch_fireworks() {
var canvas = document.getElementById("canvas");
var ctx = canvas.getContext("2d");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
var fireworks_list = [];
var width = canvas.width;
var height = canvas.height;
setInterval(function(){
ctx.fillStyle = "black";
ctx.fillRect(0, 0, width, height);
for(var i = 0; i < fireworks_list.length; i++)
{
fireworks_list[i].update();
fireworks_list[i].draw(ctx);
}
}, 16);
setInterval(function(){
var firework = new Firework(canvas.width/2, canvas.height);
fireworks_list.push(firework);
}, 200);
setInterval(function(){
if(fireworks_list.length > 30)
{
fireworks_list.splice(0,1);
}
}, 1000);
}
window.onload = function() {
launch_fireworks();
}
</script>
</head>
<body>
<canvas id="canvas"> </canvas>
</body>
</html>上述代碼的作用是創建一個canvas元素，利用JavaScript的定時器不斷的執行繪畫函數，從而形成一個動畫效果。同時代碼還定義了Firework類，用于生成煙花效果。
總之，HTML煙花圖片代碼要實現炫酷的效果，除了需要熟練掌握HTML、CSS、JavaScript語言的基本語法之外，還需要深入了解Canvas 能力的API，掌握繪圖的原理，從而可以實現更加豐富的特效效果。