educoder—web:超链接和表格

最新推荐文章于 2023-04-02 09:29:50 发布

小小话编程

最新推荐文章于 2023-04-02 09:29:50 发布

阅读量556

点赞数

分类专栏： educoder-web 文章标签： html

本文链接：https://blog.csdn.net/m0_51461030/article/details/121597241

版权

超链接的应用——编程训练超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序。设置一个超链接，至少需要两个基本要素：链源：引起跳转的原因链宿：要跳转的目标1.创建热字超链接热字超链接，链源由对应的文本构成，外部超链接的链宿为目标文件的路径<a href="https://www.baidu.com">点一下试试</a>< --!&g

摘要由CSDN通过智能技术生成

1.超链接的应用——知识训练

在这里插入图片描述

2.超链接的应用——编程训练

超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序。
设置一个超链接，至少需要两个基本要素：
链源：引起跳转的原因
链宿：要跳转的目标

2.1创建热字超链接

热字超链接，链源由对应的文本构成，外部超链接的链宿为目标文件的路径

<a href="https://www.baidu.com">点一下试试</a>
< --!>属性href用于设置链宿的路径，
< --!>超链接开始标签<a>和结束标签</a>之间的内容是链源。

<!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.2创建热图超链接

title：设置鼠标悬停在链源上时的提示文字
target：指定打开目标窗口的方式

图像超链接采用图像作为超链接的链源，该链源可使用img标签来嵌入图像，该标签常用的属性有：src、alt、border、title、width、height等

<a href="http://www.baidu.com"   target="_blank" title="单击图像实现超链接">
<img src="https://www.educoder.net/api/attachments/1184937" />
</a>

<!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/" title="单击进入" target="_blank"><img src="https://www.educoder.net/api/attachments/2357951" align="bottom"/></a>
    
   <!-- ********* End ********* -->
   好音质用酷我
 </body> 
</html>

2.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>

2.4创建页内超链接

页内链接的设置有两个步骤：

在目标位置处设置锚点，若锚点名称为“name1",代码如下： <a name="name1"></a>
设置指向锚点位置的超链接，若链源热字为”跳转至name1",代码如下： <a href="#name1">跳转至name1</a>

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8"/>
  <title>创建超链接</title>
 </head>
 <body>

最低0.47元/天解锁文章

小小话编程

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
educoder—web:超链接和表格

超链接的应用——编程训练超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件编辑器，一个音频或视频文件，甚至是一个应用程序。设置一个超链接，至少需要两个基本要素：链源：引起跳转的原因链宿：要跳转的目标1.创建热字超链接热字超链接，链源由对应的文本构成，外部超链接的链宿为目标文件的路径<a href="https://www.baidu.com">点一下试试</a>< --!&g
复制链接

扫一扫