HTML左側菜單欄和右側展示區是Web頁面開發中常見的設計元素。在實現這個功能時，我們需要使用HTML、CSS和JavaScript等相關技術來完成。

對于左側菜單欄的實現，我們可以使用HTML<ul>和<li>標簽來創建一個無序列表，里面包含各個菜單項。通過CSS樣式調整，使得菜單欄呈現出我們想要的樣式。另外，我們還需要用JavaScript編寫交互代碼，實現點擊菜單項后右側展示區內容的變化。

<ul id="menu">
<li onclick="showContent('page1')">頁面一</li>
<li onclick="showContent('page2')">頁面二</li>
<li onclick="showContent('page3')">頁面三</li>
</ul>

其中，onclick屬性是JavaScript的一種觸發事件，它表示當某個元素被點擊時執行的代碼。在這里，我們定義了一個名為showContent()的函數，它接收一個參數，用來指定右側展示區應該顯示哪個頁面的內容。這個參數可以是頁面的ID，也可以是該頁面的HTML代碼。

下面是右側展示區的HTML代碼，我們需要將它放在<div>標簽中，并為其設置一個ID，以便于JavaScript獲取它的內容。

<div id="content">
<p id="page1">這是頁面一的內容</p>
<p id="page2">這是頁面二的內容</p>
<p id="page3">這是頁面三的內容</p>
</div>

最后，我們需要使用JavaScript來實現菜單項的點擊事件。代碼如下：

function showContent(pageId) {
var content = document.getElementById('content');
var page = document.getElementById(pageId);
content.innerHTML = page.innerHTML;
}

在這個函數中，我們首先獲取到了右側展示區的<div>標簽和指定的頁面，然后把頁面的內容賦值給展示區中的innerHTML屬性。這樣，當用戶點擊菜單項時，右側展示區就會更新為對應的頁面。