在 HTML 中，滾動條被用來在網頁上顯示更多的文本內容或圖像。如果內容太長而無法在屏幕上呈現出來，我們可以使用滾動條來滾動頁面。下面是一些示例，演示如何使用 HTML 編寫滾動條代碼：

<style>
/* 自定義滾動條 */
::-webkit-scrollbar {
width: 8px;
height: 8px;
}
::-webkit-scrollbar-track {
background-color: #fff;
}
::-webkit-scrollbar-thumb {
background-color: #ccc;
border-radius: 5px;
}
</style>
<div style="height: 200px; overflow-y: scroll;">
<p>這里是一些很長的文本，如果沒有滾動條，將無法完全顯示。</p>
</div>

代碼中，我們首先使用 CSS 對滾動條進行了自定義樣式，包括滾動條寬度、高度、背景顏色和滑塊形狀等。然后，我們使用一個 div 元素來包含要顯示的文本內容，并使用 overflow-y 屬性來指定如何處理內容超過 div 元素高度的情況。在本例中，我們使用 scroll 值，表示要顯示滾動條，并允許用戶在縱向方向上通過滾動條來滾動頁面。

除了 scroll 值外，overflow-y 屬性還支持其他值，如 auto、hidden 和 visible 等。當設置為 auto 時，將根據內容大小自動顯示或隱藏滾動條；當設置為 hidden 時，超過元素高度的內容將被隱藏，而不會顯示滾動條；當設置為 visible 時，則允許超過元素高度的內容溢出并顯示在頁面上，這種情況下不會顯示滾動條。

總的來說，在編寫 HTML 代碼時，我們可以通過設置 overflow 屬性來控制元素是否顯示滾動條，并使用 CSS 對滾動條進行自定義樣式。這樣，我們就可以實現更加優秀的用戶體驗和交互效果。