HTML5是現代網站開發中的重要技術，它不僅提供了更多的功能，還為開發人員提供了更容易編寫和維護的代碼。其中，使用HTML5代碼編寫banner廣告也是非常方便的。 下面是一個示例HTML5代碼，用于創建一個簡單的banner廣告，該廣告顯示一個圖像和一個文本標語：

<div id="banner">
<img src="banner.jpg" alt="banner圖像">
<p>我們的產品是全球最好的！</p>
</div>

在這個代碼中，我們使用了HTML5的div元素來創建一個具有唯一標識符“banner”的容器。在容器中，我們引用了一個名為“banner.jpg”的圖像，并提供了一個簡短的文本標語，使用HTML5的p元素包裹文本內容。 可以使用CSS樣式表對此banner進行樣式設計，例如：

#banner {
width: 300px;
height: 200px;
background: #fff;
border: 1px solid #ccc;
box-shadow: 2px 2px 5px #ccc;
text-align: center;
padding: 50px 0;
}
#banner img {
max-width: 100%;
vertical-align: middle;
}
#banner p {
font-size: 20px;
color: #333;
margin-top: 20px;
}

這個代碼塊演示了怎樣使用CSS樣式表定義banner容器的寬度、高度、背景、邊框等參數，以及如何處理圖像的最大寬度和水平垂直對齊方式，以及如何設置文本的字體大小、顏色和頂部間距。 總之，使用HTML5代碼編寫banner廣告是一種簡單而有效的方法，它可以幫助您創建更具吸引力和專業性的網頁設計。