HTML頁面的左側通常會有一個側邊欄，用于快速切換頁面內容。這個側邊欄一般由一些點擊選項組成，可以根據用戶的需求來選擇需要的內容。在HTML中，我們可以用一些代碼來實現這個功能，下面就來看看具體怎樣實現。 首先，我們需要在HTML中添加一個div標簽，用于存放側邊欄。我們可以設置這個div的樣式，比如寬度、背景顏色等。

<div style="width:200px;background-color:#eee;"> </div>

然后，在這個div中，我們需要添加一些點擊選項。每個選項通常包括一個圖標和一個文字描述。我們可以使用ul和li標簽來實現。

<div style="width:200px;background-color:#eee;">
<ul>
<li><i class="fa fa-home"></i> Home</li>
<li><i class="fa fa-user"></i> Profile</li>
<li><i class="fa fa-envelope"></i> Messages</li>
<li><i class="fa fa-cog"></i> Settings</li>
</ul>
</div>

需要注意的是，上述代碼中的圖標是使用Font Awesome庫中的，需要在HTML中引用該庫的CSS文件。 最后，我們還可以添加一些JavaScript代碼，使這些選項可以實現點擊切換頁面內容的功能。

<script>
document.querySelector('ul').addEventListener('click',function(e){
var id = e.target.getAttribute('data-id');
var content = document.getElementById(id);
document.querySelector('.content.active').classList.remove('active');
content.classList.add('active');
});
</script>

上述代碼中，我們監聽了ul的點擊事件，并獲取被點擊的選項的data-id屬性，用來找到需要顯示的頁面內容。然后，我們將當前顯示的內容的active類刪除，并將需要顯示的內容添加上active類，以達到切換的效果。 通過上面的代碼，我們可以實現一個具有點擊選項設置的側邊欄。這個側邊欄不僅能夠美化頁面，還能提高用戶的使用體驗。