HTML父子通信指的是在HTML網頁中，父元素與子元素之間進行信息傳遞的過程。如下是一個簡單的父子通信代碼示例：
<!DOCTYPE html>
<html>
<body>
<div id="parent">
<h1>這是父元素</h1>
<button onclick="sendMessage()">向子元素發送信息</button>
</div>
<div id="child">
<h1>這是子元素</h1>
</div>
<script>
function sendMessage() {
var child = document.getElementById("child");
child.innerHTML = "<h1 style='color: red'>收到信息了！</h1>";
}
</script>
</body>
</html>在這個例子中，父元素是一個包含了一個按鈕的div，當按鈕被點擊時，發送一條信息給子元素。子元素是一個帶有h1標簽的div。當子元素收到信息時，它會改變自己的innerHTML來展示一條紅色的"h1"標簽。
通過這個例子，我們可以看到，父元素可以通過JavaScript中的getElementById()函數來找到子元素。在這個函數找到的子元素中，我們可以通過更改innerHTML的值來改變子元素中的內容。