<p>这里是顶部</p>

    <p>

        <a href="#shuiguo">水果</a>

    </p>

    <p>

        <a href="#shucai">蔬菜</a>

    </p>

    <p>

        <a href="">运动</a>

    </p>

    <!-- 具体内容 -->

    <h1 id="shuiguo">水果</h1>

    <ul>

        <li>香蕉</li>

        <li>苹果</li>

        <li>葡萄</li>

        <li>梨</li>

        <li>西瓜</li>

        <li>樱桃</li>

        <li>菠萝</li>

        <li>橙子</li>

        <li>柚子</li>

        <li>芒果</li>

        <li>香蕉</li>

        <li>苹果</li>

        <li>葡萄</li>

        <li>梨</li>

        <li>西瓜</li>

        <li>樱桃</li>

        <li>菠萝</li>

        <li>橙子</li>

        <li>柚子</li>

        <li>芒果</li>

    </ul>

    <p>

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

    </p>

    <h1 id="shucai">蔬菜</h1>

    <ul>

        <li>西红柿</li>

        <li>黄瓜</li>

        <li>土豆</li>

        <li>芹菜</li>

        <li>蒜薹</li>

        <li>西葫芦</li>

        <li>香菇</li>

        <li>菠菜</li>

        <li>豆角</li>

        <li>油菜</li>

        <li>西红柿</li>

        <li>黄瓜</li>

        <li>土豆</li>

        <li>芹菜</li>

        <li>蒜薹</li>

        <li>西葫芦</li>

        <li>香菇</li>

        <li>菠菜</li>

        <li>豆角</li>

        <li>油菜</li>

    </ul>

    <p>

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

    </p>

</body>

</html>