HTML中的table標簽是用來創建表格的，由于表格內容通常較多，因此我們會需要在同一個頁面中展示不同的表格。這時我們就可以利用切換代碼來實現展示不同表格的功能。

<table id="table1">
<tr>
<th>姓名</th>
<th>年齡</th>
<th>性別</th>
</tr>
<tr>
<td>張三</td>
<td>20</td>
<td>男</td>
</tr>
<tr>
<td>李四</td>
<td>22</td>
<td>男</td>
</tr>
</table>
<table id="table2" style="display:none">
<tr>
<th>國家</th>
<th>語言</th>
</tr>
<tr>
<td>中國</td>
<td>中文</td>
</tr>
<tr>
<td>美國</td>
<td>英語</td>
</tr>
</table>

代碼中我們創建了兩個表格，其中第一個表格的id為"table1"，第二個表格的id為"table2"，并為第二個表格添加了style屬性，將其display設為none，使其在頁面中隱藏。接下來，我們需要實現切換展示的功能，可以通過點擊按鈕、鏈接等元素觸發相應的事件。

<button onclick="switchTable()">切換表格</button>
<script>
function switchTable(){
var table1 = document.getElementById("table1");
var table2 = document.getElementById("table2");
if(table1.style.display === "none"){
table1.style.display = "table";
table2.style.display = "none";
}else{
table1.style.display = "none";
table2.style.display = "table";
}
}
</script>

在代碼中，我們創建了一個按鈕并添加了onclick事件，使其點擊時可以執行switchTable函數。在函數中，我們通過getElementById方法獲取到表格元素，并判斷其display屬性是否為"none"。如果是，則將其display設置為"table"，并將另一個表格的display設為"none"，從而實現表格的切換。在頁面中添加上述代碼后，我們便可以實現簡單的表格切換功能。