Etiqueta de anclaje HTML

Etiqueta de anclaje HTML

Los elementos de anclaje se utilizan para vincular varios documentos HTML. Solo necesita una etiqueta, la etiqueta A. Solo aparece en el cuerpo del documento HTML.

Si se utiliza un ancla para convertir el texto en un hipervínculo, el texto suele ser azul y subrayado.

Sintaxis a "contenido/a _ _ _ _ _ _

La referencia href o hipertexto es obligatoria si desea crear un hipervínculo que lleve al usuario a una página diferente, porque sin él, el ancla no se puede utilizar como un hipervínculo.

Los hipervínculos pueden ser de dos tipos:

(1) Enlaces a archivos externos

(2) Enlace a una ubicación específica en el mismo documento.

Índice
  1. Referencia de archivo externo
  2. Ancla con nombre
  3. Documento principal
  4. Referencia de documentación interna

Referencia de archivo externo

Vincula el documento de origen a un documento externo específico.

Ejemplo: Homepage

Aquí "INICIO" se convierte en un hipervínculo a otro documento, "Main.htm", que existe en el directorio de trabajo actual. Puede especificar una ruta relativa o absoluta si el archivo no existe en el directorio actual. De forma predeterminada, los hipervínculos llevan a los usuarios al principio de una nueva página web. A veces puede ser necesario saltar a una ubicación específica en una nueva página web.

Para habilitar el salto a una ubicación específica en una página web, puede establecer anclas con nombre.

Ancla con nombre

Los anclajes con nombre se utilizan para crear enlaces a ubicaciones específicas dentro de una página. Saltar a una ubicación específica en una página web se puede resumir en dos pasos.

Paso 1:

Marque la ubicación a redirigir, es decir, identifique la ubicación en la página web a redirigir dándole un nombre a la ubicación. El atributo "nombre" de la etiqueta A hace precisamente eso:

Sintaxis a Name = "Ubicación-nombre" Ejemplo: a Name = "ubicación1" _ _

Esto marca un salto a la posición l.

Segundo paso:

Al saltar a una página web específica o a una posición específica en la página web, además del nombre de la página web a la que se saltará, se debe proporcionar el nombre de la ubicación de la página web a la que se saltará. Las páginas web en realidad estarán contenidas en archivos HTML.

Entonces, la página web a la que se accede necesita un nombre de archivo. htm, junto con el nombre de la ubicación en el archivo HTML para saltar. Esto se hace de la siguiente manera;

Sintaxis a href = "nombre_archivo.htm#nombre_ubicación" /a _ _ _ _

Ejemplo:

A Main.htm # location 1" Home / A Home se convierte en el punto de acceso y conduce a la ubicación denominada "ubicación 1" en el archivo "Main.htm". Las siguientes líneas de código muestran el uso de enlaces externos:

Puedes leer:  Debe tener teléfonos inteligentes Android para juegos ininterrumpidos mientras realiza múltiples tareas

Documento principal

html head title enlace externo / title / head booy h2 p descubra más sobre Dreamweaver 4 / p / h2 a href = "d:code lntrodll.htm#one" Novedades en Dreamweaver 4 a br br one href = "d:codeol2. htm#dos" sitio web de Dreamweaver/a br br a href = "d:codeol2.htm#tres" intercambio de Dreamweaver/a br br a d:codeol3.htm#cuatro" notas de la versión/a br br / cuerpo _ _ _ _ _ _ _ _ _ _ _ _ / html

Código de referencia

campo de texto del título del encabezado html/título/ cuerpo del encabezado bgcolor = "rosa" un nombre="uno" h2 dreamweaver4 nuevo/ h2

Destaca las emocionantes funciones nuevas incluidas en esta versión. Gracias a personas como usted, Macromedia Dreamweaver se ha convertido en la solución estándar para el desarrollo web profesional en plataformas Windows y Macintosh.

Como puede ver en el código del documento principal, no solo se menciona el nombre del documento (DLL.HTM), sino también el nombre de la ubicación (/fone") para hacer referencia.

También notará que en el documento (DLL.HTM), el encabezado "Novedades de Dreamweaver 4" recibe cada uno un número de identificación "uno". Por lo tanto, cuando hace clic en la parte resaltada del diagrama, diga Novedades de Dreamweaver 4, el atributo href se vinculará a los usuarios. partes de páginas externas definidas por A NAME="ONE."

De manera similar, los nombres de los archivos externos y sus respectivos nombres de ubicación se especifican en los encabezados Sitio web de Dreamweaver, Dreamweaver Exchange y Notas de la versión.

Referencia de documentación interna

A veces es necesario saltar a una ubicación diferente dentro del mismo documento.

Por ejemplo, en la parte inferior de una página larga, puede usar un ancla con nombre para proporcionar un enlace a la parte superior. Ahora, en lugar de desplazarse por toda la página, los visitantes pueden saltar directamente a la parte superior con un solo clic.

Dado que el salto tiene que ser a una ubicación específica, toma los mismos dos pasos que antes, identificando la ubicación con un nombre y saltando a esa ubicación con el nombre. La única diferencia es el nombre del archivo. htm ahora será el nombre de archivo actual.htm.

Sintaxis: a NAME = "nombre-ubicación/" a href = "#nombre_ubicación"........../a _ _

No hay ningún nombre de archivo antes del símbolo #.htm significa que debe saltar en el mismo documento.

Ejemplo: a NOMBRE = "ubicación 1" a href = "#ubicación1"Inicio/a _ _ _ _ _

Inicio se convierte en el punto de acceso y conduce a una ubicación denominada ubicación1 en el mismo documento.


Si quieres conocer otros artículos parecidos a Etiqueta de anclaje HTML puedes visitar la categoría Tecnología.

Entradas Relacionadas 👇👇

Go up