web知识训练_html5_超链接的应用

web编程训练_html5_超链接的应用

第1关_创建热字超链接

编程要求

在右侧编辑器中的Begin - End区域内补充代码，创建热字超链接，具体要求是： 1.链源文字为“听音乐找酷我”。 2.链宿地址为“https://www.kuwo.cn/”。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>创建超链接</title>
</head>
<body>
<!-- ********* Begin ******* -->
<h2>
    <a href="https://www.kuwo.cn/">听音乐找酷我</a>
</h2>
<!-- ********* End ********* -->
</body>
</html>

第2关_创建热图超链接

编程要求

在右侧编辑器中的Begin - End区域内补充代码，创建图像超链接，具体要求是： 1.链源图像的路径为“https://data.educoder.net/api/attachments/2357951”。 2.为链源图像设置图文对齐属性，属性取值为bottom 3.图像超链接的链宿地址为“https://www.kuwo.cn/”。 4.当鼠标悬停在链源图像上时显示提示文字“单击进入”。 5.设置超链接目标窗口的打开方式为“在新窗口中打开被链接的文档”。

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <title>创建超链接</title>
</head>
<body>
<h2><a href="https://www.kuwo.cn/">听音乐找酷我</a></h2>
<!-- ********* Begin ******* -->
<a href="https://www.kuwo.cn/" target="_blank" title="单击进入">
    <img src="https://www.educoder.net/api/attachments/2357951" align="bottom">
</a>

<!-- ********* End ********* -->
好音质用酷我
</body>
</html>

第3关_下载歌曲超链接

编程要求

在右侧编辑器中的Begin - End区域内补充代码，创建音频超链接，具体要求是： 1.链源热字为“安妮的仙境” 2.链宿音频的路径为“https://data.educoder.net/api/attachments/2364090”。 3.为链源热字设置鼠标悬停的提示文字为“下载班得瑞钢琴曲-安妮的仙境”。

<!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/>
<!-- ********* Begin ******* -->
推荐下载：
<a href="https://www.educoder.net/api/attachments/2364090" title="下载班得瑞钢琴曲-安妮的仙境">
    安妮的仙境
</a>

<!-- ********* End ********* -->
<p><h2>在线播放：</h2><audio src="https://www.educoder.net/api/attachments/2364090" controls="controls"></audio>
</p>
</body>
</html>

第4关_创建页内超链接

编程要求

请在右侧编辑器中的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 ******* -->
<h2>
    <a href="#Q">
        查看第7个音频
    </a>
</h2>
<!-- ********* 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>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/32674.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！