HTML5是一種新的網頁語言，支持更多的圖形和多媒體內容。其中一個重要的功能是點擊小圖出現大圖。下面是一個示例代碼。
<html>
<head>
<title>點擊小圖出現大圖</title>
<style>
#small-img {
width: 200px;
height: 150px;
cursor: pointer;
}
#big-img {
display: none;
}
</style>
</head>
<body>
<img id="small-img" src="small-img.png" alt="Small Image">
<div id="big-img">
<img src="big-img.png" alt="Big Image">
</div>
<script>
var smallImg = document.getElementById("small-img");
var bigImg = document.getElementById("big-img");
smallImg.onclick = function() {
bigImg.style.display = "block";
};
</script>
</body>
</html>在這個示例中，我們首先定義了一個小圖和一個大圖。小圖的id設置為“small-img”，而大圖的id設置為“big-img”，并用CSS將大圖隱藏。然后使用JavaScript為小圖添加了一些交互，當用戶點擊小圖時，大圖將被顯示。
需要注意的是，這個示例中的圖片是靜態圖像，如果需要實現更復雜的功能，比如瀏覽多張圖片，可以使用jQuery等庫進行更高級的開發。