HTML電子書(shū)是一種越來(lái)越流行的電子出版物，它方便讀者隨時(shí)隨地閱讀，同時(shí)也為作者提供了一種新的出版方式。在HTML電子書(shū)中，目錄是一個(gè)重要的部分。它不僅可以幫助讀者快速找到自己需要的內(nèi)容，同時(shí)也可以讓整本書(shū)更加有層次感。下面我們將介紹如何使用HTML代碼創(chuàng)建一份完整的電子書(shū)目錄。

<div id="toc">
<h1>目錄</h1>
<ul>
<li><a href="#chapter1">第一章</a></li>
<li><a href="#chapter2">第二章</a></li>
<ul>
<li><a href="#section1">2.1 節(jié)標(biāo)題</a></li>
<li><a href="#section2">2.2 節(jié)標(biāo)題</a></li>
</ul>
<li><a href="#chapter3">第三章</a></li>
<li><a href="#chapter4">第四章</a></li>
</ul>
</div>

代碼解釋：

上面的代碼中，我們創(chuàng)建了一個(gè)id為“toc”的div，用于存放目錄。在這個(gè)div中，我們首先添加了一個(gè)h1標(biāo)簽，用于顯示“目錄”這個(gè)標(biāo)題。然后創(chuàng)建了一個(gè)ul標(biāo)簽，其中每個(gè)li標(biāo)簽代表一個(gè)章節(jié)。對(duì)于每個(gè)章節(jié)，我們使用a標(biāo)簽添加了鏈接，鏈接指向?qū)?yīng)的章節(jié)標(biāo)題（例如第一章對(duì)應(yīng)的鏈接是#chapter1）。對(duì)于有子章節(jié)的章節(jié)，我們可以將它們放在一個(gè)ul標(biāo)簽中，以便更好的表示章節(jié)之間的層次關(guān)系。

在實(shí)際使用中，我們可以將上述代碼復(fù)制到HTML電子書(shū)中的任意位置，從而創(chuàng)建一份完整的目錄。當(dāng)讀者點(diǎn)擊目錄中的鏈接時(shí)，電子書(shū)會(huì)自動(dòng)滾動(dòng)到對(duì)應(yīng)的章節(jié)標(biāo)題處。需要注意的是，如果我們修改了章節(jié)標(biāo)題的ID，那么目錄中的鏈接也需要相應(yīng)修改。