HTML是一種用于網頁設計的標記語言，通過一系列的標簽和屬性實現網頁的各種效果。其中，點擊觀看代碼是一種常見的web開發需求，下面我們介紹如何使用HTML實現點擊觀看代碼。

首先，我們需要用到HTML中的兩個標簽，即pre標簽和button標簽。pre標簽用于保留代碼的格式，button標簽用于創建一個按鈕，觸發點擊事件。

<pre>
<code>這里是要隱藏的代碼</code>
</pre>
<button onclick="showCode()">點擊查看代碼</button>

通過以上代碼，我們將要隱藏的代碼放在pre和code標簽內，并創建一個按鈕，通過onclick事件觸發showCode()函數。

<script>
function showCode() {
var codeSnippet = document.querySelector("pre code");
codeSnippet.style.display = "block";
}
</script>

在JavaScript中，我們定義了showCode()函數，該函數查詢pre標簽內的code標簽，并顯示它的內容。通過style.display屬性，我們將代碼的顯示方式更改為“block”，實現代碼的顯示。

最后，我們需要將樣式設置為默認隱藏，通過CSS中的display:none屬性實現隱藏效果。

pre code {
display: none;
}

以上是使用HTML實現點擊觀看代碼的完整過程，通過以上代碼的引用，我們可以在網頁中實現代碼隱藏和點擊觀看功能。