HTML是一種用于構(gòu)建網(wǎng)頁(yè)的語(yǔ)言，它包含了多種標(biāo)簽，這些標(biāo)簽可以用來(lái)描述網(wǎng)頁(yè)的結(jié)構(gòu)、內(nèi)容和樣式。其中，HTML層級(jí)結(jié)構(gòu)是一個(gè)非常重要的概念，它可以讓我們更好地組織和管理網(wǎng)頁(yè)的各個(gè)部分。

<div>
<p>這是一個(gè)段落</p>
<ul>
<li>列表項(xiàng)1</li>
<li>列表項(xiàng)2</li>
<li>列表項(xiàng)3</li>
</ul>
</div>

在HTML中，層級(jí)結(jié)構(gòu)通常通過(guò)嵌套標(biāo)簽來(lái)實(shí)現(xiàn)。例如，我們可以使用<div>標(biāo)簽來(lái)表示網(wǎng)頁(yè)的一個(gè)大的區(qū)域，然后在它內(nèi)部使用<p>標(biāo)簽來(lái)表示一個(gè)段落，以及<ul>和<li>標(biāo)簽來(lái)表示一個(gè)列表。

<div class="container">
<header>
<h1>這是網(wǎng)頁(yè)的標(biāo)題</h1>
<nav>
<a href="#">首頁(yè)</a>
<a href="#">關(guān)于我們</a>
<a href="#">聯(lián)系我們</a>
</nav>
</header>
<main>
<p>這是網(wǎng)頁(yè)的內(nèi)容</p>
</main>
<footer>
<p>版權(quán)信息</p>
</footer>
</div>

除了基本的層級(jí)結(jié)構(gòu)外，我們還可以使用CSS樣式來(lái)控制和修改不同層級(jí)的樣式。例如，在示例代碼中，我們使用了<header>、<main>和<footer>這些標(biāo)簽來(lái)定義網(wǎng)頁(yè)的頭部、主體和底部，然后我們可以通過(guò)CSS來(lái)設(shè)置它們的顏色、大小等樣式。