老师检查一下

来源:2-15 编程练习

qq_慕前端3554356

2022-08-15 15:31:16

<html>

<head>

<meta charset="UTF-8">

<title>超级链接</title>

</head>

<body>

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

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

<p>

    <a href="#fruit">水果</a>

</p>

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

<p>

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

</p>

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

<p>

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

</p>

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

 <h2>水果</h2>

 <ul>

     <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>蔬菜</h2>

<ul>

    <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>运动</h2>

<ul>

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


写回答

1回答

好帮手慕慕子

2022-08-15

同学你好,代码中存在的问题解答如下:

1、对应要跳转的位置,在元素上添加id属性,值为href属性值#后面的内容保持一致,另外,建议使用英文命名。示例:

https://img.mukewang.com/climg/62f9f7c309995e5a08401030.jpg

2、返回顶部的a标签的href属性值中要添加#。建议修改:

https://img.mukewang.com/climg/62f9f7f60980ff0e09061430.jpg

祝学习愉快~

0
hq_慕前端3554356
hp>好的,谢谢老师。

h022-08-15
共1条回复

0 学习 · 17877 问题

查看课程