链接到同一个页面的不同位置

最新推荐文章于 2023-11-03 16:16:04 发布

原创最新推荐文章于 2023-11-03 16:16:04 发布 · 2.5k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

当前文章被以下社区和专栏收录：

本文通过HTML构建了一个简单的章节导航示例，展示了如何使用超链接指向页面内的不同章节。通过这个例子，读者可以了解到基本的HTML结构及如何创建内部链接。

<html>
    <head>
        <meta charset="UTF-8">
    </head>
    <body>

        <p>
            <a href="#C4">查看 Chapter 4。</a>
        </p>

        <h2>Chapter 1</h2>
        <p>这是1</p>

        <h2>Chapter 2</h2>
        <p>这是2</p>

        <h2>Chapter 3</h2>
        <p>这是3</p>

        <h2>Chapter 1</h2>
        <p>这是1</p>

        <h2>Chapter 2</h2>
        <p>这是2</p>

        <h2>Chapter 3</h2>
        <p>这是3</p>

        <h2>Chapter 1</h2>
        <p>这是1</p>

        <h2>Chapter 2</h2>
        <p>这是2</p>

        <h2>Chapter 3</h2>

        <h2 style="color: aqua"><a name="C4">Chapter 4</a></h2>


        <h2 style="color: blanchedalmond"><a name="C4">我是五</a></h2>

    </body>
</html>