《超链接零基础学习笔记》

本篇文章大纲如下:

一、超链接基本介绍

二、外部资源链接

三、内部资源链接

四、注意事项

五、拓展资料

一、超链接基本介绍

        超链接在HTML 超文本标记语言介绍过,超链接是网页的一部分,通过超链接将不同网页链接在一起构成网站,链接对象可以是文本或者图片,当我们对链接对象进行点击或其他触动操作时,浏览器会根据链接目标的类型来运行或打开链接目标,这个链接目标位置可以是不同网站,也可以是同网站不同网页、同网页不同地方,链接目标的格式可以是一张图片,或一个文件,一个应用程序等。简而言之超链接就是用来链接当前网页和其他链接目标的途径。

        在HTML中创建超链接非常简单,只需用标签环绕需要被链接的对象即可,超链接的目标可以是一个网址、一张图片、一个pdf文件或者一个视频等,其基本语法格式如下:

<a href="跳转目标" >文本或图像</a>

稍微升级一点语法格式如下: 

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

href:用于指定链接目标的url地址,当为标签应用href属性时,它就具有了超链接的功能。 Hypertext Reference的缩写。意思是超文本引用

target:用于指定链接页面的打开方式,这里介绍target的两种取值_self 和 _blank,其中_self 为默认值,_blank为在新窗口中打开方式。

二、外部资源链接

外部资源链接:External Links 指的是从外部网站指向自己网站的链接,简称外链,其形式包含纯文本链接,图片链接和锚文本链接。

通过一个例子了解外部资源链接:

代码如下:

<!DOCTYPE html>
<html lang="zh">
<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>超链接</title>
</head>
<body>
    <a href="https://www.csdn.net/">点击这里链接跳转到CSDN</a>
</body>
</html>

运行结果:

代码解释:

 

http://表示超链接链接的目标是一个网页

链接目标若改为其他html文件,如上一篇"HTML"的博客里的test.html

代码改为:


                
  • 2
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值