HTML和Ajax都是現代Web技術中的重要組成部分，它們一起可以讓Web應用程序更加動態和響應式。下面是一個使用HTML和Ajax的實例代碼：
<!DOCTYPE html>
<html>
<head>
<title>使用Ajax的動態搜索</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script> //引入jQuery庫
<script>
//使用jQuery的Ajax功能
$(document).ready(function(){
$("#search_box").on("keyup", function() { //給搜索框綁定一個keyup事件
var value = $(this).val().toLowerCase(); //獲得搜索框輸入的值
$("#search_table tr").filter(function() { //使用filter()方法對表格所有行進行搜索
$(this).toggle($(this).text().toLowerCase().indexOf(value) >-1) //如果找到匹配項，則顯示行；否則，隱藏它
});
});
});
</script>
</head>
<body>
<h1>使用Ajax的動態搜索</h1>
<input id="search_box" type="text" placeholder="搜索..."/> //搜索框
<table>
<thead>
<tr>
<th>名字</th>
<th>年齡</th>
<th>性別</th>
</tr>
</thead>
<tbody id="search_table"> //搜索的目標表格
<tr>
<td>John</td>
<td>25</td>
<td>男</td>
</tr>
<tr>
<td>Mary</td>
<td>30</td>
<td>女</td>
</tr>
<tr>
<td>Tom</td>
<td>20</td>
<td>男</td>
</tr>
</tbody>
</table>
</body>
</html>在這個例子中，我們創建了一個搜索框和一個表格。當用戶在搜索框中輸入字符時，jQuery的Ajax函數自動將輸入值與表格中的文本進行比較，找到匹配項并隱藏其他行。
使用Ajax可以使Web應用程序更加靈活和高效，因為它可以在不刷新整個頁面的情況下加載內容。