Etiquetas HTML básicas web Seis formas de usar etiquetas de hipervínculo

Etiquetas de hipervínculo (énfasis)

1. Sintaxis del enlace:

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

La a en la etiqueta <a> es la abreviatura de la palabra ancla, que significa: ancla.

Las dos propiedades funcionan de la siguiente manera:

Atributos efecto
href Se utiliza para especificar la dirección URL del destino del enlace (atributo obligatorio). Cuando el atributo href se aplica a la etiqueta, tiene la función de un hipervínculo.
objetivo Se utiliza para especificar el método de apertura de la página vinculada y, donde _self (se abre la página actual) es el valor predeterminado y _blank es el método de apertura en una nueva ventana.

href: el enlace para abrir

target: La forma de abrir la ventana. El valor predeterminado es _self la ventana actual abre la página y _blank la nueva ventana abre la página.

Escriba los atributos en la etiqueta de inicio <a>, por ejemplo: <a varios atributos>

Coloque el texto que describe el enlace entre las etiquetas de apertura y cierre, por ejemplo: <a> descripción </a>

Categoría del enlace:

1. Enlaces externos : como <a href="http://www.baidu.com"> Baidu</a>.

El atributo href de los enlaces externos debe comenzar con: http://

2. Enlace interno: el enlace mutuo entre las páginas internas del sitio web, simplemente enlace el nombre de la página interna directamente.

El atributo href de los enlaces internos no necesita comenzar  con: http://

3. Enlace vacío: si no se determina el destino del enlace, puede usar un enlace vacío, <a href="#"> Página de inicio</a>

4. Enlace de descarga: si la dirección en href es un archivo o un paquete comprimido, se descargará el archivo.

5. Enlaces a elementos de páginas web: se pueden agregar hipervínculos a varios elementos de páginas web en páginas web, como texto, imágenes, tablas, audio, video, etc.

6. Enlace de anclaje: haga clic en el enlace establecido para ubicar rápidamente una determinada posición en la página

Enlace externo:

<!DOCTYPE html>
<html lang="en">
<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>Document</title>
</head>
<>
    <h4>以下标签为超链接标签</h4>
    <a href="http://CSDN.com" target="_self" > CSDN官网 </a> <br />
    <a href="http://www.bilibili.com/" target="_blank"> 哔哩哔哩官网 </a>
</body>
</html>

 Esta es la etiqueta de hipervínculo <a>, href es el atributo que debe escribirse en la etiqueta <a> y este atributo es la etiqueta de hipervínculo.

Enlace interno:

P.ej:

<a href="index.html"> 首页 </a>

直接href="html文件名即可",内部链接就是访问自己创建的html文件,用于文件夹中的html文件相互跳转

 

El archivo html en el mismo directorio puede ingresar directamente el nombre del archivo y la dirección relativa se puede ingresar en diferentes directorios. 

Enlace vacío:

<a href="#"> 首页 </a>

空链接就是用 # 代替链接的位置,可以把 # 当成占位符。
在开发时,没有想好放什么链接时,就用 # 代替链接,这样代码就不会报错

Algunas direcciones no consideran a qué página ir, puede usar # en su lugar y luego reemplazar # con un enlace después de pensar qué página usar

Enlace de descarga:

La dirección del enlace generalmente tiene la forma de un archivo.exe o un paquete comprimido como zip

Si el enlace de descarga está en este formato, no saltará a la página, sino que descargará directamente

<a href="../图片存放/派大星 .zip">下载链接</a>

Enlaces de elementos web:

Los hipervínculos de elementos de la página web son para usar estos elementos para reemplazar el texto de la descripción, haga clic en estas imágenes, audio, video, puede ir a otras páginas vinculadas.

<a href="各种链接"> 各种元素 </a>

网页元素链接就是把元素放入<a> </a>里,让这个元素有超链接的属性
比如放置一个图片,就可以让这个图片有超链接的属性
点击图片,就可以前往另一个链接。

 

 A esta imagen se le asigna un atributo de hipervínculo, y al hacer clic en esta imagen se accede al sitio web oficial de CSDN.

Enlace ancla:

1. En el atributo href del texto del enlace, establezca el valor del atributo  en la forma de #nombre, como: <a href=" #two"> Episodio 2 </a> 

2. Busque la etiqueta de ubicación de destino y agregue un atributo id= el nombre justo ahora, como: <h3 id="two"> Introducción al segundo episodio <h3>

 Haga clic en el texto azul para saltar a la posición correspondiente del artículo, que es la función principal del enlace ancla.

 

 Cuando el artículo es muy largo, se recomienda utilizar etiquetas ancla, que son fáciles de leer y pueden saltar rápidamente a la posición especificada del artículo.

Para volver rápidamente a la parte superior del artículo, puede agregar un enlace de anclaje al final para volver a la parte superior y establecer un id="" en la etiqueta de inicio en la parte superior del artículo, para que pueda saltar a la parte superior del artículo.

将文章的开头标签设置id:
<h4 id="kaitou"> 文章开头 </h4>

在文章的某个位置设置能快速跳转到开头的标签:
<a href="#kaitou"> 跳到文章顶部 </a>

Esto lo llevará de regreso al principio del artículo rápidamente.

Estas son las seis formas de utilizar los hipervínculos .

Supongo que te gusta

Origin blog.csdn.net/weixin_53466908/article/details/123830160
Recomendado
Clasificación