一、创建目录容器
l中，可以使用div标签来创建一个容器，用于包裹目录内容。代码如下：
div class=”toc”>/div>
其中，“toc”是自定义的类名，可以根据需要进行修改。
二、使用无序列表创建目录
ul>1″>第一章2″>第二章3″>第三章
/ul>
三、使用锚点创建章节标题
在文本内容中，使用锚点（a）来创建章节标题。代码如下：
1″>第一章/h2>
p>第一章内容……/p>
四、使用css样式美化目录
为了让目录更加美观易读，可以使用css样式来进行美化。代码如下：
.toc {d-color: #f8f8f8;
border: 1px solid #ddd;g: 10px;
.toc ul {one;argin: 0;g: 0;
.toc li {argin: 5px 0;
.toc a {
color: #333;one;t-size: 16px;
.toc a:hover {
color: #007bff;
l代码，可以让网页排版更加美观易读，提升用户体验。在实际应用中，还可以根据需要进行修改和扩展，例如添加二级目录、使用动态效果等。