在HTML中，tab標簽的主要作用是創建具有多頁選項卡的元素，例如在網頁上創建選項卡式菜單、展示不同內容等。以下是tab標簽的代碼示例：

<div class="tab">
<button class="tablinks" onclick="openPage(event, 'page1')">頁面1</button>
<button class="tablinks" onclick="openPage(event, 'page2')">頁面2</button>
<button class="tablinks" onclick="openPage(event, 'page3')">頁面3</button>
<div id="page1" class="tabcontent">
<h3>這是頁面1的內容</h3>
<p>在此處放置頁面1的其他描述內容。</p>
</div>
<div id="page2" class="tabcontent">
<h3>這是頁面2的內容</h3>
<p>在此處放置頁面2的其他描述內容。</p>
</div>
<div id="page3" class="tabcontent">
<h3>這是頁面3的內容</h3>
<p>在此處放置頁面3的其他描述內容。</p>
</div>
</div>

上述代碼中，標簽的class屬性用于在CSS中定義樣式，其中tablinks類定義按鈕的樣式，而tabcontent類定義頁面的樣式。每個button元素都有一個onclick事件，該事件會調用openPage()函數并指定要顯示哪個頁面。

在這個示例中，我們創建了一個具有三個選項卡頁的菜單，每個選項卡頁都有不同的內容。在CSS文件中，我們可以定義選項卡的顏色、大小、字體等樣式。這是一個非常實用的功能，可以幫助用戶輕松地查看和導航網站上的不同頁面和內容。