2-16练习检查
来源：2-16 编程练习
weixin_慕的地2217823
2022-09-19 17:22:50
hello.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>hello</title>
</head>
<body>
<h1>这里是顶部</h1>
<!-- 设置水果锚点位置 -->
<p>
<a href="imooc.html#fruits">水果</a>
</p>
<!-- 设置蔬菜锚点位置 -->
<p>
<a href="imooc.html#vegetables">蔬菜</a>
</p>
<!-- 设置运动锚点位置 -->
<p>
<a href="imooc.html#motion">运动</a>
</p>
</body>
</html>
imooc.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>imooc</title>
</head>
<body>
<h2>目录项</h2>
<!-- 水果列表 -->
<h2 id="fruits"></h2>
<ul target="circle">
<li>香蕉</li>
<li>苹果</li>
<li>葡萄</li>
<li>梨</li>
<li>西瓜</li>
<li>樱桃</li>
<li>橙子</li>
<li>柚子</li>
<li>芒果</li>
</ul>
<!-- 返回目录 -->
<a href="hello.html#hello.html">返回hello.html</a>
<!-- 蔬菜列表 -->
<h2 id="vegetables">蔬菜</h2>
<ul target="disc">
<li>西红柿</li>
<li>黄瓜</li>
<li>土豆</li>
<li>芹菜</li>
<li>蒜苔</li>
<li>西葫芦</li>
<li>香菇</li>
<li>菠菜</li>
<li>豆角</li>
<li>油菜</li>
</ul>
<!-- 返回目录 -->
<a href="hello.html#hello.html">返回hello.html</a>
<!-- 运动列表 -->
<h2 id="motion">运动</h2>
<ul target="square">
<li>跑步</li>
<li>打羽毛球</li>
<li>打篮球</li>
<li>打排球</li>
<li>练瑜伽</li>
<li>登山</li>
</ul>
<!-- 返回目录 -->
<a href="hello.html#hello.html">返回hello.html</a>
</body>
</html>
1回答
-
同学你好，代码效果正确，多写几个li可以使效果更明显，祝学习愉快~
0
相似问题