请老师批改

来源:2-15 编程练习

无日1573

2021-12-15 18:07:41

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>


<!-- 目录项 -->

    <div class="nav">

    <a name="top">这里是顶部</a><br /> 老师这行代码是什么意思啊???

    <p>

        <a href="超级链接.html#shuiguo">水果</a>

    </p>

    <p>

        <a href="超级链接.html#shucai">蔬菜</a>

    </p> 

    <p>

        <a href="超级链接.html#yundong">运动</a>

    </p>

</div>

<!-- 具体内容 -->

<div class="content">

<h1 id="shuiguo">水果

</h1>

    <h4>

        <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>

        </ul>

    </h4>

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

    <h1 id="shucai">蔬菜

    </h1>

        <h4>

            <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>

            </ul>

        </h4>

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

        <h1 id="yundong">运动

        </h1>

            <h4>

                <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>

                </ul>

            </h4>

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

</div>

</body>

</html>



写回答

1回答

好帮手慕小李

2021-12-15

同学你好,解答如下:

1、<a name="top">这里是顶部</a>这句代码是给顶部定了一个锚点(name=top是设定目标点),当每次点击返回顶部时,按照(href=#top)进行跳转。

2、作业完成的大体还不错,但同学丢掉了一个任务点,当点击“目录项”中的 “水果”、“蔬菜”、“运动”时,跳转到相应的“具体内容”项的标题处。建议如下:

https://img.mukewang.com/climg/61b9c2c70995d0a410460652.jpg

同学自己试试,祝学习愉快。

0

0 学习 · 17877 问题

查看课程