HTML点击链接返回网页顶部

在HTML中，可以通过在页面顶部添加一个锚点，然后在链接中引用该锚点来实现点击链接返回网页顶部的效果。具体实现方法如下：

在页面顶部添加一个锚点，例如：

<a name="top"></a>

在页面底部添加一个“返回顶部”的链接，例如：

<a href="#top">返回顶部</a>

这里的“#top”就是引用了页面顶部的锚点。

将“返回顶部”的链接样式设置为固定在页面底部，并添加一个“回到顶部”的动画效果，例如：

<style>
    /* 将链接样式设置为固定在页面底部 */
    a.back-to-top {
        position: fixed;
        bottom: 20px;
        right: 20px;
    }
</style>

<script>
    // 添加一个“回到顶部”的动画效果
    $('a.back-to-top').click(function () {
        $('html, body').animate({scrollTop: 0}, 800);
        return false;
    });
</script>

这样，当用户点击“返回顶部”的链接时，页面就会平滑地滚动到顶部，并且有一个动画效果。