HTML特效是網頁設計中的重要元素，它可以讓網頁看起來更加生動、有趣。下面是幾種常見的HTML特效及其對應的標記代碼：

// 點擊圖片放大縮小效果
<img src="xxx.jpg" onclick="if(this.width==800)this.width=200;else this.width=800;">
// 鼠標懸浮圖片翻轉效果
<img src="xxx.jpg" onmouseover="this.style.transform='rotateY(180deg)'" onmouseout="this.style.transform='rotateY(0deg)'">
// 文字漸變顏色效果
<p style="background-image: linear-gradient(to right, #ff0000, #00ff00, #0000ff);-webkit-text-fill-color: transparent;-webkit-background-clip: text;">這是一段文字</p>
// 鼠標懸浮鏈接下劃線消失效果
<a href="#" onmouseover="this.style.textDecoration='none'" onmouseout="this.style.textDecoration='underline'">這是一個鏈接</a>
// 文字打字機效果
<p id="text"></p>
// JS代碼：
var str = "這是一段文字，它會像打字機一樣一個一個字出現。";
var index = 0;
var timer = null;
function typing(){
document.getElementById("text").innerHTML += str.charAt(index);
index++;
if(index == str.length){
clearInterval(timer);
}
}
timer = setInterval(typing, 200);

以上就是幾種HTML特效的標記代碼，歡迎嘗試使用！