Clasificación de enlaces css y archivos js e hipervínculos en HTML

1. Enlace los archivos CSS y JavaScript en el sitio
Inserte la descripción de la imagen aquí

<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
Inserte la descripción de la imagen aquí
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 = "".

13 artículos originales publicados · elogiados 2 · visitas 327

Supongo que te gusta

Origin blog.csdn.net/weixin_46410264/article/details/104537945
Recomendado
Clasificación