<div>

        <a name="top">这里是顶部</a><br />

        <!--设置水果锚点链接-->

        <a href="#fruits">水果</a><br>

        <!--设置蔬菜锚点链接-->

        <a href="#vegetables">蔬菜</a><br>

        <!--设置运动锚点链接-->

        <a href="#motion">运动</a><br>

    </div>

    <!--设置水果标题-->

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

    <div>

        <ul>

            <li>香蕉</li>

            <li>苹果</li>

            <li>葡萄</li>

            <li>梨</li>

            <li>西瓜</li>

            <li>樱桃</li>

            <li>菠萝</li>

            <li>橙子</li>

            <li>柚子</li>

            <li>芒果</li>

        </ul>

    </div>

    <!--设置返回顶部链接-->

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

    <!--设置蔬菜标题-->

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

    <div>

        <ul>

            <li>西红柿</li>

            <li>黄瓜</li>

            <li>土豆</li>

            <li>芹菜</li>

            <li>蒜台</li>

            <li>西葫芦</li>

            <li>香菇</li>

            <li>菠菜</li>

            <li>豆角</li>

            <li>油菜</li>

        </ul>

    </div>

    <!--设置返回顶部链接-->

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

    <!--设置运动标题-->

    <h1 id="motion">运动</h1>

    <div>

        <ul>

            <li>篮球</li>

            <li>足球</li>

            <li>羽毛球</li>

            <li>跑步</li>

            <li>游泳</li>

            <li>篮球</li>

            <li>足球</li>

            <li>与羽毛球</li>

            <li>跑步</li>

            <li>游泳</li>

        </ul>

    </div>

    <!--设置返回顶部链接-->

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

​