HTML煙花代碼在線編程是一種受歡迎的編程技術，在前端開發中廣泛應用。它通過使用HTML、CSS和JavaScript代碼的組合來創建一個美麗、動態的煙花效果。

<canvas id="fireworks"></canvas>

在這個代碼中，我們使用<canvas>標簽來創建一個新的HTML元素，其屬性設置為“fireworks”。這個元素不會在頁面上呈現出來，而是作為煙花效果的視覺載體。

/* CSS CODE */
#fireworks {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: black;
}

在CSS代碼中，我們將所創建的canvas元素定位在頁面左上角，設置其寬、高為100%。在背景顏色設置為黑色的情況下，這個元素將成為煙花效果的背景。

// JavaScript CODE
var canvas = document.getElementById('fireworks');
var ctx = canvas.getContext('2d');
var particles = [];
function Particle() {
// Constructor Function
}
function update() {
// Update Function
}
function loop() {
// Loop Function
}
loop();

最后，我們使用JavaScript代碼來實現煙花效果的動態效果。我們使用document.getElementById方法來獲取我們之前創建的canvas元素，并通過定義一個ctx變量來獲取這個元素的2D上下文。

我們還定義了一個表示粒子的數組，一個粒子構造函數，一個更新函數，以及一個主循環函數。

通過這段代碼的實現，我們可以在網頁上生成一種非常酷的煙花效果，為我們的頁面添加一些視覺上的吸引力。煙花效果的顏色、大小、粒子數量和運動軌跡等特性可以根據需求進行修改。