EduCoder-Web程序设计基础-html5—web编程训练-html5-超链接的应用-第4关：创建页内超链接

最新推荐文章于 2022-05-23 10:31:27 发布

weixin_51402180

最新推荐文章于 2022-05-23 10:31:27 发布

阅读量550

点赞数

文章标签： python 前端 css

本文链接：https://blog.csdn.net/weixin_51402180/article/details/121649095

版权

任务描述

本关任务：编写一个能实现网页内部超链接的程序。

页内链接

从当前HTML文档的某一位置跳到另一位置的链接称为页内链接。

页内链接的设置
页内链接的设置有两个步骤：
1.在目标位置处设置锚点，若锚点名称为“name1",代码如下：

2.设置指向锚点位置的超链接，若链源热字为”跳转至name1",代码如下：
跳转至name1

编程要求

请在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
1.在Begin2 - End2区域处设置锚点，锚点名称为“Q",链源文字为“这是第7个音频”。
2.在Begin1 - End1区域设置指向锚点“Q”的超链接，链源文字为“查看第7个音频”。

测试说明

补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。

人之所能，是相信自己能，并尽其所能，祝你成功！

代码示例

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>创建超链接</title>
 </head>
 <body>
 <h2><a href="http://www.kuwo.cn/">听音乐找酷我</a></h2>
  <a href="http://www.kuwo.cn/"><img src=https://www.educoder.net/api/attachments/2357951  align=bottom /></a>
  好音质用酷我<br/>
   <!-- ********* Begin1 ******* -->
   <a href="#Q"><h2>查看第7个音频</h2></a>
   <!-- ********* End1 ********* -->
  推荐下载：  
  <a href="https://www.educoder.net/api/attachments/2364090" title="下载班得瑞钢琴曲-安妮的仙境">安妮的仙境</a>
  <p><h2>在线播放：</h2><audio src="https://www.educoder.net/api/attachments/2364090" controls="controls"></audio>
  </p>
	 <h2>这是第1个音频</h2>
     <h2>这是第2个音频</h2>
     <h2>这是第3个音频</h2>
     <h2>这是第4个音频</h2>
     <h2>这是第5个音频</h2>
     <h2>这是第6个音频</h2>
     <h2>
    <!-- ********* Begin2 ******* -->
       <a name="Q">这是第7个音频</a>
    <!-- ********* End2 ********* -->
     </h2>
     <h2>这是第8个音频</h2>
 </body> 
</html>

weixin_51402180

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
EduCoder-Web程序设计基础-html5—web编程训练-html5-超链接的应用-第4关：创建页内超链接

目录任务描述相关知识页内链接编程要求测试说明代码示例任务描述本关任务：编写一个能实现网页内部超链接的程序。相关知识为了完成本关任务，你需要掌握：1.页内链接的概念，2.页内链接的设置方法。页内链接从当前HTML文档的某一位置跳到另一位置的链接称为页内链接。页内链接的设置页内链接的设置有两个步骤：1.在目标位置处设置锚点，若锚点名称为“name1",代码如下：2.设置指向锚点位置的超链接，若链源热字为”跳转至name1",代码如下：跳转至name1编程要求请在右侧编辑器中的Begi
复制链接

扫一扫