HTML層級可以幫助我們更好地組織和布置網頁內容。通過使用不同的HTML標簽和層級結構，我們可以實現復雜的網頁效果和布局。以下是一個簡單的HTML層級代碼示例：

<div id="container">
<h1>這是頁面標題</h1>
<p>這是一個段落，它包含一些文字內容。</p>
<ul>
<li>列表項1</li>
<li>列表項2</li>
<li>列表項3</li>
</ul>
</div>

在上面的代碼中，我們使用了一個<div>標簽作為整個頁面的容器，并設置了一個id屬性為“container”。在這個<div>標簽內部，我們使用了<h1>標簽來定義頁面的標題，使用了<p>標簽來定義一個段落，包含一些文字內容。

接著，我們使用了一個有序列表<ul>，包含了三個列表項<li>。這些列表項是在<ul>標簽下面的子元素，因此它們屬于<ul>標簽的子層級。

總的來說，HTML層級結構可以幫助我們更好地組織和布置網頁內容。了解HTML標簽之間的父子關系和層級結構可以讓我們更輕松地編寫復雜的網頁布局。