老师帮忙检查下

来源:2-16 编程练习

y99999

2021-01-07 17:17:59

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

    <div>

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

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

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

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

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

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

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

    </div>

</body>

</html>



<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>Document</title>

</head>

<body>

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

     <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="./hello.html#top">返回hello.html</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="./hello.html#top">返回hello.html</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="./hello.html#top">返回hello.html</a>

</body>

</html>


写回答

1回答

好帮手慕张

2021-01-07

同学你好,代码效果是正确的,但是列表项有点少效果不明显,建议同学可多添加几项,重复也没有关系主要看实现效果,如下图:

http://img.mukewang.com/climg/5ff6ef2e096795ec03660613.jpg

祝学习愉快!


0

0 学习 · 15276 问题

查看课程