無縫滾動是一種常見的網頁效果，可以讓頁面看起來更加動態和生動。在 HTML 中，實現無縫滾動的代碼通常使用<marquee>標簽或者 JavaScript 編寫。

這里我們介紹使用 HTML 實現無縫滾動的代碼。首先需要使用<pre>標簽將代碼格式化：

<div id="scrollBox">
<ul id="scrollList">
<li>第一條信息</li>
<li>第二條信息</li>
<li>第三條信息</li>
<li>第四條信息</li>
<li>第五條信息</li>
</ul>
</div>

上面的代碼中，我們創建了一個包含五條信息的列表，并將其放置在一個 div 中。

接下來，使用 CSS 對列表進行樣式設置，使得列表按照水平方向排列，并且超出容器寬度的部分隱藏：

#scrollBox {
width: 200px;
height: 50px;
overflow: hidden;
}
#scrollList {
display: inline-block;
padding-left: 0;
margin: 0;
white-space: nowrap;
animation: marquee 10s linear infinite;
}
#scrollList li {
display: inline-block;
padding: 0 10px;
}

在 CSS 中，我們使用overflow: hidden;將超出容器寬度的部分隱藏起來，使用white-space: nowrap;讓列表在一行中顯示。我們還定義了一個名為marquee的動畫，并在列表上應用該動畫，使得列表水平滾動。

最后，定義marquee動畫如下：

@keyframes marquee {
0%   {transform: translateX(0);}
100% {transform: translateX(-100%);}
}

這個動畫表示元素從左到右滾動，當滾動到100%的位置時，元素就滾出了左側邊界，此時需要將元素移回原位置，即 transform: translateX(0);。