锚

首页课程实战体系课手记专栏慕课教程

锚

来源：4-18 编程练习

dilim

2021-01-01 01:20:44

肯定是写错了，呜呜呜我不太明白返回

写回答

2回答

好帮手慕言

2021-01-04

同学你好，解答如下：

1、多添加一些li标签，效果更加直观。

2、水果、蔬菜、运动这些文字可以放在a标签中，如下：

3、每一个分类下都添加一个a标签，用来返回顶部，如下：

修改后的代码：

<html>



<head>
    <meta charset="UTF-8">

    <title>超级链接</title>

</head>

<body>
    <a name="top">这里是顶部</a><br />
    <a href="#fruit">水果</a>
    <a href="#vegetable">蔬菜</a>
    <a href="#work">运动</a>
    <!-- <h1>水果</h1> -->
    <h1><a href="" name="fruit">水果</a></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>
        <li>香蕉</li>
        <li>苹果</li>
        <li>葡萄</li>
        <li>梨子</li>
        <li>西瓜</li>
        <li>樱桃</li>
        <li>菠萝</li>
        <li>橙子</li>
        <li>柚子</li>
        <li>芒果</li>
    </ul>
    <a href="#top">返回顶部</a><br />
    <!-- <h1>蔬菜</h1> -->
    <h1><a href="" name="vegetable">蔬菜</a></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>
        <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>
    <a href="#top">返回顶部</a><br />
    <!-- <h1>运动</h1> -->
    <h1><a href="" name="work">运动</a></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>
        <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>
    <a href="#top">返回顶部</a><br />
</body>

</html>