HTML5是web開發的一項重大技術進步，其中包含了許多有用的特性和標記標簽，其中之一是對聯代碼，可以在網頁上輕松地創建對聯廣告。

<div class="ad">
<a href="#"><img src="left_ad.jpg" alt="左邊廣告"/></a>
<a href="#"><img src="right_ad.jpg" alt="右邊廣告"/></a>
</div>

上面的代碼將兩個圖片連接到了一起，使它們成為一個對聯廣告。這個代碼段包含一個div容器，兩個a標簽和兩個圖片，每個圖片通過一個a標簽鏈接到指定的網頁。

需要注意的是，在代碼中使用CSS來調整對聯廣告的顯示效果。

.ad{
display: flex;
justify-content: space-between;
}
.ad img{
width: 200px;
height: 150px;
}

上面的CSS代碼使用了flex布局來調整對聯廣告中圖片的位置，并將它們水平分布在容器中。此外，我們使用了width和height屬性來指定了圖片的大小。

HTML5的對聯代碼可以讓廣告更加地吸引人，因為它提供了一種新的方式來呈現廣告。同時，通過使用CSS，開發者也可以很容易地定制和優化對聯廣告。