HTML滾動代碼的首尾相連功能可以讓文本或代碼在水平方向上不斷滾動，讓頁面看起來更加生動和有趣。下面我們來介紹一下如何實現HTML滾動代碼的首尾相連功能。

<marquee>代碼內容</marquee>

在HTML中，我們可以使用<marquee>標簽來實現滾動代碼的功能。<marquee>標簽有很多屬性，其中 loop 屬性可以讓滾動的內容首尾相連。該屬性的取值為數值，表示滾動的次數，如果設為-1，表示無限次滾動。如下代碼所示：

<marquee loop="-1">這是一段滾動的文本！</marquee>

在實際應用中，我們通常將滾動的內容放在一個寬度較小的容器中，使用CSS對容器進行樣式設置，設置 overflow:hidden 屬性，這樣就可以在頁面顯示出水平方向滾動的效果。如下代碼所示：

<div class="scroll-wrap">
<marquee loop="-1">這是一段滾動的文本！</marquee>
</div>

上述代碼中，我們使用了一個寬度為300像素，高度為50像素的容器，并設置 overflow:hidden 屬性。然后在容器中使用<marquee>標簽來定義滾動的內容。通過這種方式，我們就可以實現一個簡單的HTML滾動代碼的首尾相連效果了。