写好了代码老师帮忙看下这种嵌套div可以嘛
来源：2-15 编程练习
咸鱼王派大星
2021-02-24 10:49:25
老师帮忙看下代码嘛 谢谢
相关代码：
<html>
<head>
<meta charset="UTF-8">
<title>超级链接</title>
</head>
<body>
<a name="top">这里是顶部</a><br />
<div>
<ul>
<li><a href="sg">水果</a></li>
<li><a href="sc">蔬菜</a></li>
<li><a href="">运动</a></li>
</ul>
</div>
<div>
<div>
<h2><a id="sg">水果</a></h2>
<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="#top">返回顶部</a>
<div>
<h2><a id="sc">蔬菜</a></h2>
<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="#top">返回顶部</a>
</div>
</body>
</html>
1回答
-
同学你好，解答如下：
同学的html结构嵌套是可以的，但是锚点的使用方式不正确，点击“水果”并不能把水果的内容置顶。
锚点有两种书写方式：
第一种，锚点位置使用a标签。以“水果项”为例，需要做如下调整：
1、锚点的href属性值，要加“#”：
2、对应的锚点位置，如果使用a标签，需要设置name属性：
第二种，锚点位置使用其他标签。以“蔬菜”为例，可做如下调整：
为了能测试出效果，建议同学把蔬菜、水果中的li增加几项，将页面长度增大，只有页面足够长，才能实现“蔬菜”、“水果”置顶的效果：
祝学习愉快！
0
相似问题