1、链接站点内的的css文件和JavaScript文件
<head>
<meta charset="UTF-8">
<title>link</title>
<link rel="stylesheet" href="style/csdn.css"> <!--放在 head 标签内部-->
</head>js的链接文件建议性放在 head 标签的里面，或者放在 body 标签的末尾
<head>
<meta charset="UTF-8">
<title>link</title>
<link rel="stylesheet" href="style/csdn.css"> <!--放在 head 标签内部-->
<script src="js/csdn.js"></script> <!--可以放在这里-->
</head>or
<body>
<div>
</div>
<script src="js/csdn.js"></script> <!--还可以放在这里-->
</body>2、内部链接
将链接的目标页面与进行链接的的页面放在同一级，不在同一级内，就要加上目标文件的全部路径
<div>
<!--不会新打开一个页面-->
<a href="link01.html">链接到页面link01</a>
<!--会另外打开一个新页面-->
<a href="link01.html" target="_blank">链接到页面link01</a>
</div>href与target是a标签的两个属性：
href是必须的，不能省略，用于指定链接目标的位置；
target是链接页面打开的方式，_self是默认值，在当前窗口打开，_blank是指在新窗口打开
3、外部链接
<!--链接外部网址 必须要写上 http:// -->
<a href="http://www.baidu.com" target="_blank">链接到百度</a>4、空连接： #
当还没有确定链接目标时，用空连接
<!--空连接 # -->
<a href="#">空连接</a>5、下载链接
<p>地址链接的是：文件 .exe 或者是 zip 等压缩包形式</p>
<a href="download.zip">文件下载</a>6、网页元素链接
<p>在网页中的各种网页元素，如文本、图像、表格、音视频等都可以添加超链接</p>
<a href="https://www.zcool.com.cn/"><img src="images/image01.jpg"></a>7、锚点链接（同一页面）
<p>能够快速定位文章的内容 常用于点击目录标题跳转到目标内容</p>
<a href="#profile">个人简介</a> <!--目录标题-->
<h3 id = "profile">个人简介</h3> <!--目标内容-->
注意的是超链接里面名字前面必须有 # 符号；目标内容的名字必须是用 id=“” 。
