在編寫HTML導航條的時候，小三角常常被用來表示當前頁面在導航欄中的位置。下面是一段HTML代碼示例，用pre標簽展示出來：

導航欄菜單1
導航欄菜單2
導航欄菜單3
導航欄菜單4
導航欄菜單5

在上面的示例中，我們使用了p標簽來創建導航欄的每一個菜單項，并且給當前所在的菜單項添加了一個class屬性值為“current”，用來標識當前頁面在導航欄中的位置。 為了加入小三角圖標，我們在當前菜單項的p標簽中，添加了一個span標簽，并且為其添加了一個class屬性值為“triangle”。接下來，我們可以使用CSS代碼來定義這個小三角的樣式： .triangle { display: inline-block; width: 0; height: 0; vertical-align: middle; border-top: 5px solid #333; border-left: 5px solid transparent; border-right: 5px solid transparent; } 在這段CSS代碼中，我們使用了三角形邊框的技巧，通過定義各個邊框的顏色和寬度，來形成一個小三角形。設置display屬性為inline-block，可以讓這個小三角元素與當前菜單項的文本內容處于同一行，并且使用vertical-align屬性來實現垂直居中的效果。 總之，通過在HTML代碼中添加p標簽和CSS樣式，我們可以輕松地創建出一個帶有小三角導航效果的網站導航欄。