HTML 3選項卡是一種常見的網頁設計元素，通過分組內容以便讓用戶瀏覽，使用戶界面更加友好。下面是一個HTML 3選項卡的代碼示例：

<ul class="tabs">
<li id="tab1" class="active">選項卡1</li>
<li id="tab2">選項卡2</li>
<li id="tab3">選項卡3</li>
</ul>
<div class="tab-content">
<div id="tab1-content" class="active">
<p>這是選項卡1的內容</p>
</div>
<div id="tab2-content">
<p>這是選項卡2的內容</p>
</div>
<div id="tab3-content">
<p>這是選項卡3的內容</p>
</div>
</div>

在這段代碼中，<ul>元素包含了選項卡的標題，<li>元素代表每個選項卡，而選項卡的內容則通過<div>元素的不同id進行區分。通過CSS，我們可以使當前選中的選項卡樣式為活躍狀態，讓用戶更容易理解自己在哪個選項卡頁面。

如果你想在選項卡中添加更多內容，你只需要在<div>元素內添加更多的HTML標記，就可以添加文本、圖像、視頻或其他元素。同時，你還可以使用JS來添加選項卡交互效果，如鼠標懸停或單擊選項卡切換到不同的內容。

HTML 3選項卡是網頁設計中一個非常有用的元素，它可以簡化布局，提高用戶界面的可用性。通過學習它的基本HTML代碼示例，你可以在你的網站上快速構建自己的選項卡頁面。