1. Enlace los archivos CSS y JavaScript en el sitio
<head>
<meta charset="UTF-8">
<title>link</title>
<link rel="stylesheet" href="style/csdn.css"> <!--放在 head 标签内部-->
</head>
Se recomienda colocar el archivo de enlace js en la etiqueta principal o al final de la etiqueta del cuerpo
<head>
<meta charset="UTF-8">
<title>link</title>
<link rel="stylesheet" href="style/csdn.css"> <!--放在 head 标签内部-->
<script src="js/csdn.js"></script> <!--可以放在这里-->
</head>
o
<body>
<div>
</div>
<script src="js/csdn.js"></script> <!--还可以放在这里-->
</body>
2. Enlace interno
Coloque la página de destino vinculada y la página vinculada en el mismo nivel, no en el mismo nivel, debe agregar la ruta completa del archivo de destino
<div>
<!--不会新打开一个页面-->
<a href="link01.html">链接到页面link01</a>
<!--会另外打开一个新页面-->
<a href="link01.html" target="_blank">链接到页面link01</a>
</div>
href y target son dos atributos de la etiqueta a:
href es obligatorio y no puede omitirse y se utiliza para especificar la ubicación del objetivo del enlace;
target es la forma en que se abre la página del enlace, _self es el valor predeterminado, se abre en la ventana actual y _blank se refiere al nuevo Ventana se abre
3. Enlaces externos
<!--链接外部网址 必须要写上 http:// -->
<a href="http://www.baidu.com" target="_blank">链接到百度</a>
4. Conexión vacía: #Cuando
no se ha determinado el objetivo del enlace, use una conexión vacía
<!--空连接 # -->
<a href="#">空连接</a>
5. Enlace de descarga
<p>地址链接的是:文件 .exe 或者是 zip 等压缩包形式</p>
<a href="download.zip">文件下载</a>
6. Enlaces a elementos de la página web
<p>在网页中的各种网页元素,如文本、图像、表格、音视频等都可以添加超链接</p>
<a href="https://www.zcool.com.cn/"><img src="images/image01.jpg"></a>
7. Enlace de anclaje (misma página)
<p>能够快速定位文章的内容 常用于点击目录标题跳转到目标内容</p>
<a href="#profile">个人简介</a> <!--目录标题-->
<h3 id = "profile">个人简介</h3> <!--目标内容-->
Tenga en cuenta que el nombre en el hipervínculo debe ir precedido del símbolo #; el nombre del contenido de destino debe ser id = "".