HTML是一種標記語言，常用于描述網頁的結構與內容。在網頁設計中，使用HTML特效可以增添網頁的美觀程度，提升用戶的交互體驗。下面是一些HTML特效代碼合集，供網頁設計者參考。

代碼1：鼠標懸停改變背景顏色
<script type="text/javascript">
function changeColor(target, color){
target.style.backgroundColor = color;
}
</script>
<div onmouseover="changeColor(this, 'red')" onmouseout="changeColor(this, 'white')">
鼠標懸停在這里
</div>

代碼1可以實現鼠標懸停在一個區域時，改變該區域的背景顏色。這個效果可以增加網頁的互動性。

代碼2：點擊出現文字
<script type="text/javascript">
function showText(){
document.getElementById('text').style.display = 'block';
}
</script>
<div onclick="showText()">
點擊顯示文字
<p id="text" style="display: none;">這是要顯示的文字</p>
</div>

代碼2可以實現點擊一個區域，顯示出一個隱藏的文字段落。這種效果可以在需要展示大量內容的時候，通過點擊的方式避免網頁過于擁擠。

代碼3：跳轉到頂部
<script type="text/javascript">
function scrollToTop(){
window.scrollTo(0, 0);
}
</script>
<div onclick="scrollToTop()">
返回頂部
</div>

代碼3可以實現點擊一個區域，返回網頁的頂部。這種效果可以減少用戶在網頁中不斷滾動的操作，提升用戶的用戶體驗。