第1关：HTML链接：带超链接的⽹页
任务描述
本关的任务是编写⼀个带超链接的HTML页⾯，链接包含页⾯内导航链接和跳转其他⽹页的链接。显⽰效果如下：
编程要求
请在右侧的编辑器中的Begin - End区域内直接编辑修改HTML页⾯，具体要求是：
补全第17⾏href属性值和第27⾏id属性值，使得点击第1关和第2关之后，可以导航到相应内容位置；
为第22、23和24⾏的的三个<a>标签添加target属性，使得链接在新标签中打开；
完善第32⾏<a>标签，使得邮箱链接起作⽤；
完善第33⾏<a>标签，使得点击回到顶部之后，可以导航到页⾯顶部。
测试说明
补充完代码后，点击测评，平台会对你编写的代码进⾏测试，当你的结果与预期输出⼀致时，即为通过；
把⾃⼰的⽣活当作正⽂，把书籍当作注解。
恭喜你完成本关，如果觉得有收获，就在下⾯点个赞吧！
源码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML链接</title>
<meta name="description"content="HTML链接知识讲解">
<meta name="keywords"content="HTML, Link">
</head>
<!--------- Begin-------->
<body>
<h1>HTML ⼊门</h1>
<h2>本页⽬录</h2>
<ul>
<li><a href="#toc1">简介</a></li>
<li><a href="#toc2">第1关</a></li>
<li><a href="#toc3">第2关</a></li>
</ul>
<h2 id="toc1">简介</h2>
<p>
<a href="/wiki/HTML"target="_blank">HTML</a>(Hypertext Markup Language，超⽂本标记语⾔)是⼀种⽤于创建Web页⾯和We b应⽤的标准化标记语⾔。在
<a href="/wiki/CSS"target="_blank">CSS</a>(Cascading Style Sheets，级联样式表单)和
<a href="/wiki/JavaScript"target="_blank">JavaScript</a>的帮助下，HTML已经成功构建了⼀整套⾯向Web的开发与应⽤平台。</p>
<p>⾃1995年HTML2.0⾯世，HTML陆续推出了得到⼴泛应⽤的HTML3.2和HTML4.0标准，2014年HTML5标准的⾯世使其在多媒体和移动性⽅⾯得到了全⾯提升，使HTML迎来了新的爆发式发展。</p>
<h2 id="toc2">第1关</h2>
<p>初识HTML：简单的Hello World⽹页</p>
<h2 id="toc3">第2关</h2>
<p>HTML链接：带超链接的⽹页</p>
<hr>
<p>若需帮助，请发送问题到<a href="mailto:someone@email">E-Mail</a>。</p>
<p><a href="#">回到顶部</a></p>
html网页设计超链接</body>
<!--------- End-------->
</html>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。