HTML實現標簽切換功能是很有用的一種Web開發技術，它可以使得頁面內容在用戶點擊不同的標簽時得到替換。下面是一段示例代碼，它展示了如何使用HTML和JavaScript來實現標簽切換。
<!DOCTYPE html>
<html>
<head>
<title>標簽切換示例代碼</title>
<script>
function showTab(tabId) {
var tabs = document.getElementsByClassName('tab');
for (var i = 0; i < tabs.length; i++) {
tabs[i].style.display = 'none';
}
var tab = document.getElementById(tabId);
if (tab) {
tab.style.display = 'block';
}
}
</script>
</head>
<body>
<ul>
<li><a href="javascript:showTab('tab1')">標簽1</a></li>
<li><a href="javascript:showTab('tab2')">標簽2</a></li>
<li><a href="javascript:showTab('tab3')">標簽3</a></li>
</ul>
<div id="tab1" class="tab">
<p>這是標簽1的內容。</p>
</div>
<div id="tab2" class="tab">
<p>這是標簽2的內容。</p>
</div>
<div id="tab3" class="tab">
<p>這是標簽3的內容。</p>
</div>
</body>
</html>上面的代碼使用了一個名為showTab的JavaScript函數，它用于切換標簽。當用戶點擊任意一個標簽時，就會調用這個函數并傳入對應的標簽ID。在函數中，它首先將所有的標簽隱藏，然后再根據傳入的ID來顯示對應的標簽。