HTML瀑布流代碼是一種可以實現瀑布流效果的技術，它的原理是利用CSS3的多列布局，將圖片等元素按行依次排列，從而實現瀑布流效果。

代碼實現中，需要使用CSS3的column-count屬性來設置列數，同時為每一列設置寬度和間距。代碼如下：

.column{
-moz-column-count: 3;
-webkit-column-count: 3;
column-count: 3;
}
.column div{
display: inline-block;
width: 100%;
margin-bottom: 20px;
}

代碼中，設置了3列，每一列的寬度由父元素的寬度決定，每一項元素都采用inline-block布局，且底部有20px的外邊距。

實際使用中，我們需要將圖片等元素嵌入到div中，再將div插入到父元素中。在插入的過程中，需要保證每一項的高度不同，否則會出現列高不平衡的情況。為了實現不同高度的元素排列，可以使用JavaScript動態計算每一項的高度，然后將元素插入到當前高度最小的列中。

代碼實現如下：

var column = document.getElementsByClassName('column');
var item = document.getElementsByClassName('item');
var len = item.length;
var colHeight = [];
for(var i=0;i<len;i++){
var minHeight = Math.min.apply(null,colHeight);
var index = colHeight.indexOf(minHeight);
column[index].appendChild(item[i]);
colHeight[index] += item[i].clientHeight;
}

代碼中，首先獲取所有列和項的dom對象，然后利用循環計算每一項的高度，并將元素插入到當前高度最小的列中。此外，為了保證代碼能夠跨瀏覽器運行，可以采用兼容性處理，比如使用jQuery庫中的masonry插件。

綜上所述，HTML瀑布流代碼的原理是利用CSS3的多列布局，再配合JavaScript動態計算每一項的高度，從而實現瀑布流效果。