老师 帮忙解答检查下。
来源：2-15 编程练习
梦小小
2021-01-26 17:14:44
<!--html 中的代码-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超级链接</title>
</head>
<body>
<p>这里是顶部</p>
<p><a href="1-1.html#fruits" target="blank">水果</a></p>
<p><a href="1-1.html#vegetables" target="blank">蔬菜</a></p>
<p><a href="1-1.html#sports" target="blank">运动</a></p>
</body>
</html>
<!--1-1.html 中的代码-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>超级链接2</title>
</head>
<body>
<h3 id="fruits">水果</h3>
<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" target="blank">返回顶部</a>
<h3 id="vegetables">蔬菜</h3>
<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" target="blank">返回顶部</a>
</body>
</html>
<!--问题1.这个效果图的第1段有些不同也是字的间距不一样几个种类的间距很大。这是怎么回事情
2.在代码1-1.html 中我也写了target="blank"但是点击回到顶部时没有打开一个新的网页还是把1-1.html显示的网页覆盖了。
3. 我在引入链接时我把这二个文件都是放在study 文件夹中的但是我写<a href ="study/1-1.html" 所有文件加了study 后都引入不了按道理是应该在这个文件夹中这样写才规范
老师帮忙解答下。
1回答
-
同学你好，解答如下:
1、由于标签有默认样式，并且每个标签的默认样式不同，所以每个标签的间距、文字大小等效果有差异。后面我们会学习css样式，那时候就可以修改默认样式，让文字大小、间距相同了，同学暂时了解即可。
2、blank这个属性有点特别。由于1-1.html是通过1.html页面打开的（通过点击1.html页面中的a标签打开的），所以该属性会不生效，不会打开一个新的页面，而是会覆盖。如果1-1.html是直接打开的（直接双击打开），不是从1.html跳转过来，那么该属性会生效，会打开一个新的页面。建议改成_blank属性，如下：
3、同学是如下这样操作的吗？
将两个html文件，都放在study文件夹中，然后将两个文件中的a标签的链接都加上“study”
如果是的话，这样肯定无法跳转，因为路径是错的（图一）：
由于1-1.html和1.html是同级的，所以图一中的路径，会找不到1-1.html文件，导致无法跳转。
路径在https://class.imooc.com/lesson/1607#mid=38836课程中讲过，同学再复习一下。
如果不是的话，可以把文件目录截图发出来，老师再帮你解答。
祝学习愉快！
0
