Hay tres tipos de hipervínculos.
1. Enlaces externos: enlace a archivos externos
Ejemplo:
<a href="02页面.html">点击进入另外一个文件</a>
a es el significado del ancla en inglés "anchor", como si esta página hubiera arrojado un ancla a otra página. es una etiqueta de nivel de texto.
href (referencia de hipertexto): dirección de hipertexto. Pronúncialo como "esposo que bebe", no como "esposo que bebe".
Por supuesto, también podemos hacer clic directamente en el enlace para visitar un sitio web. El ejemplo de código es el siguiente:
<a href="http://www.baidu.com" target="_blank">点我点我</a>
2. Enlace ancla
Anchor link: Da un nombre al hipervínculo, y su función es saltar a diferentes posiciones de esta página o de otras páginas. Por ejemplo, si hay una flecha hacia arriba en la parte inferior de la página web, haga clic en la flecha para volver a la parte superior, esto puede usar el enlace de anclaje.
Primero creamos un ancla, es decir, le damos un nombre a esa ubicación en particular usando el atributo de nombre o el atributo de identificación. El efecto es el siguiente:
Explicado en la figura anterior:
La línea 11 del código indica que el nombre del ancla en la parte superior es nombre1. Luego establezca un hipervínculo en la parte inferior, que volverá a la parte superior cuando se haga clic (en este momento, #name1 también aparece al final de la URL en la página web). Tenga en cuenta que no se debe olvidar el signo # en el cuadro rojo de la figura anterior, lo que significa saltar a una ubicación específica llamada nombre1, que es una regla. Si falta el signo #, después de hacer clic, saltará al archivo nombre1 o a la carpeta nombre1.
Si escribimos la línea 28 de la figura anterior como:
<a href="a.html#name1">回到顶部</a>
Eso significa que, después de hacer clic, salta al ancla name1 de la página a.html.
Nota: el atributo de nombre se usó antes de HTML4.0 y el atributo de identificación se usó después de HTML4.0. Para la compatibilidad con versiones anteriores, se deben escribir los atributos name e id, y los valores son los mismos.
3. Enlace de correo electrónico
Ejemplo de código:
<a href="mailto:[email protected]">点击进入我的邮箱</a>
Efecto: después de hacer clic, aparecerá Outlook, que tiene poco efecto.
Atributos de un hipervínculo
href:
título de la URL de destino: texto flotante.
nombre: Se utiliza principalmente para establecer el nombre de un punto de anclaje.
destino: Dile al navegador cómo abrir la página de destino. El atributo de destino tiene los siguientes valores:
_self: mostrar en la misma página web (valor predeterminado)
_blank: abrir en una nueva ventana.
_parent: mostrar en la ventana principal
_top: mostrar el atributo de título en la ventana de nivel superior
Ejemplo:
<a href="09_img.html" title="很好看哦">结婚照</a>
Ejemplo de atributo objetivo:
<a href="1.html" title="悬停文本" target="_blank">链接的内容</a>
En blanco significa "en blanco", lo que significa crear una nueva ventana en blanco. Por qué hay un _ es un reglamento, no es necesario explicarlo. Es decir, si no escribes target=”_blank”, entonces se abrirá en la misma pestaña, si escribes target=”_blank”, se abrirá en una nueva pestaña en blanco.