老师帮忙检查一下2-15的作业谢谢

来源：2-15 编程练习

清夏_

2022-03-06 17:12:43

<body>
    <h1>这里是顶部</h1>
    <p>
        <a href="shuiguo.html">水果</a>
    </p>

    <p>
        <a href="shucai.html">蔬菜</a>
    </p>

    <p>
        <a href="yundong.html">运动</a>
    </p>

    <h2>水果</h2>
    <ul>
        <li type="dics">香蕉</li>
    </ul>

    <ul>
        <li type="dics">苹果</li>
    </ul>

    <ul>
        <li type="dics">葡萄</li>
    </ul>

    <ul>
        <li type="dics">梨</li>
    </ul>

    <ul>
        <li type="dics">西瓜</li>
    </ul>

    <ul>
        <li type="dics">樱桃</li>
    </ul>

    <ul>
        <li type="dics">菠萝</li>
    </ul>

    <ul>
        <li type="dics">橙子</li>
    </ul>

    <ul>
        <li type="dics">柚子</li>
    </ul>

    <ul>
        <li type="dics">芒果</li>
    </ul>
    <p>
        <a href="dingbu.html">返回顶部</a>
    </p>

    <h2>蔬菜</h2>
    <ul>
        <li type="dics">西红柿</li>
    </ul>

    <ul>
        <li type="dics">黄瓜</li>
    </ul>

    <ul>
        <li type="dics">土豆</li>
    </ul>

    <ul>
        <li type="dics">芹菜</li>
    </ul>

    <ul>
        <li type="dics">蒜苔</li>
    </ul>

    <ul>
        <li type="dics">西葫芦</li>
    </ul>

    <ul>
        <li type="dics">香菇</li>
    </ul>

    <ul>
        <li type="dics">菠菜</li>
    </ul>

    <ul>
        <li type="dics">豆角</li>
    </ul>

    <ul>
        <li type="dics">油菜</li>
    </ul>

    <p>
        <a href="dingbu.html">返回顶部</a>
    </p>
</body>

搜索

复制

写回答

1回答

好帮手慕慕子

2022-03-06

已采纳

同学你好，对于当前页面中的锚点，需要给a标签的href属性值设置为# + id属性值（需要跳转到指定位置的元素的id），而代码中直接给href设置的html文件，无法实现效果。另外，可以将蔬菜等对应的内容放在一个列表下。

建议参考下图调整：

为了方便截图，将剩余的ul列表内容代码折叠起来了，示例：

完整代码如下，同学可以在本地编辑器中测试下：

<html>

<head>
    <meta charset="UTF-8">
    <title>超级链接</title>
</head>

<body>
    <p id="top">这里是顶部</p>
    <!--设置水果锚点链接-->
    <p><a href="#fruit">水果</a></p>
    <!--设置蔬菜锚点链接-->
    <p><a href="#vegetable">蔬菜</a></p>
    <!--设置运动锚点链接-->
    <p>
        <a href="#sport">运动</a>
    </p>
    <!--设置水果标题-->
    <h2 id="fruit">水果</h2>
    <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>
    </ul>
    <!--设置返回顶部链接-->
    <a href="#top">返回顶部</a>
    <!--设置蔬菜标题-->
    <h2 id="vegetable">蔬菜</h2>
    <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>
    </ul>
    <!--设置返回顶部链接-->
    <a href="#top">返回顶部</a>
    <!--设置运动标题-->
    <h2 id="sport">运动</h2>
    <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>
</body>

</html>

祝学习愉快~

0 学习 · 17877 问题

查看课程

相似问题

请老师帮忙检查作业，谢谢。

回答 1

老师帮忙检查一下作业谢谢您

回答 1

回答 1

回答 1

回答 1