HTML是一種非常強(qiáng)大的網(wǎng)頁(yè)制作語(yǔ)言，可以通過(guò)該語(yǔ)言來(lái)創(chuàng)建出豐富多彩的網(wǎng)頁(yè)。對(duì)于一個(gè)網(wǎng)頁(yè)而言，如果要增加左邊停靠的目錄，那該怎么做呢？ 首先，我們需要使用HTML中的div標(biāo)簽來(lái)創(chuàng)建一個(gè)左邊浮動(dòng)的容器：

<div style="float:left;width:200px;background:#ccc;">
<p>目錄</p>
<p>章節(jié)一：HTML的介紹</p>
<p>章節(jié)二：HTML的語(yǔ)法</p>
<p>章節(jié)三：HTML的標(biāo)簽</p>
</div>

上面的代碼中，我們使用style屬性來(lái)設(shè)置該div的浮動(dòng)方式為左浮動(dòng)，寬度為200px，背景為灰色。并在div內(nèi)部創(chuàng)建好了目錄列表，每一個(gè)列表項(xiàng)使用p標(biāo)簽來(lái)實(shí)現(xiàn)。 除此之外，我們還需要在網(wǎng)頁(yè)其它地方設(shè)置一些樣式，以免該目錄遮擋住內(nèi)容：

<div style="margin-left:200px;">
<p>HTML的教程</p>
<p>HTML（HyperText Markup Language）是一種用來(lái)創(chuàng)建網(wǎng)頁(yè)的標(biāo)準(zhǔn)標(biāo)記語(yǔ)言。</p>
</div>

上面的代碼是在右側(cè)內(nèi)容區(qū)域的div中添加了一個(gè)margin-left樣式，其值應(yīng)當(dāng)與左側(cè)目錄的寬度一致，這樣才能保證右側(cè)內(nèi)容區(qū)域不受到左側(cè)目錄的遮擋。 經(jīng)過(guò)以上的設(shè)置，我們就成功地為網(wǎng)頁(yè)增加了左側(cè)停靠的目錄，讓用戶更加方便地查看網(wǎng)頁(yè)內(nèi)容。 總的來(lái)說(shuō)，HTML是一種非常靈活的語(yǔ)言，我們可以通過(guò)靈活地運(yùn)用其各種標(biāo)簽和屬性，來(lái)實(shí)現(xiàn)豐富多彩的網(wǎng)頁(yè)制作效果。