两个HTML文档相互跳转，老师，帮忙看一下是否正确
来源：2-16 编程练习
dy12369
2021-06-01 22:59:27
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超链接</title>
</head>
<body>
<p>这里是顶部</p>
<p>
<a href="超链接2.html#shuiguo" target="_blank">水果</a>
</p>
<p>
<a href="超链接2.html#shucai" target="_blank">蔬菜</a>
</p>
<p>
<a href="超链接2.html#yundong" target="_blank">运动</a>
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超链接</title>
</head>
<body>
<h2 id="shuiguo">水果</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="超链接1.html">返回超链接1.html</a>
<h2 id="shucai">蔬菜</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="超链接1.html">返回超链接1.html</a>
<h2 id="yundong">运动</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="超链接1.html">返回超链接1.html</a>
</body>
</html>
2回答
-
好帮手慕言
2021-06-03
同学你好，以运动区域为例，多加一些li（li里面的内容可以是任意值）：
避免显示器分辨率大的情况下，点击链接跳转的时候，对应内容不会到顶部。其他区域同学可以自己添加一些，祝学习愉快~
0 -
好帮手慕言
2021-06-02
同学你好，效果是对的，可以多加一个li效果会更明显。
另外：测试同学提供的代码，点击“水果”，“蔬菜“，“运动”时都会新打开一个页面，建议：可以把target="_blank"去掉。在一个页面中完成效果也是可以哒。
祝学习愉快~
0h021-06-02
相似问题