Introducción al enlace de texto HTML
Un enlace HTML puede ser un enlace o un hipervínculo. Esto se utiliza para redirigir a otra página, imagen, sitios web, puede ser cualquier cosa. También solían navegar en la misma página para la sección en particular. Solían representar datos, documentos simplemente haciendo clic en ellos. Simplemente envolvemos nuestro documento, imágenes, url o datos dentro del texto. También puede apuntar a un archivo, objeto o cualquier cosa en la misma página o en una página diferente dependiendo del requisito. Cuando pasamos el mouse sobre el enlace HTML, cambia el cursor a un ícono diferente. Podemos discutir cómo funcionan y cómo crearlos en la siguiente sección de nuestro artículo. En este tema, vamos a aprender sobre HTML Text Link.
Sintaxis para Enlace HTML
Podemos seguir para crear nuestro primer enlace HTML a partir de la siguiente sintaxis a continuación. En la sintaxis dada a continuación, vamos a utilizar una etiqueta diferente, atributos y sus propiedades correspondientes.
Link your corresponding text here
En la sintaxis anterior, estamos utilizando la etiqueta de anclaje para crear un enlace html o un hipervínculo. Discutiremos esta etiqueta de anclaje en detalle.
La etiqueta de anclaje es una etiqueta a través de la cual podemos adjuntar o vincular nuestro texto, frase o palabra para crear un enlace externo o interno. Mediante el uso de la etiqueta de anclaje, creamos URL en nuestras páginas que se pueden utilizar para navegar a cualquier otra página, sitio web o dentro de la misma sección de la página.
Al usar la etiqueta de anclaje tenemos muchas ventajas que se mencionan a continuación.
- Organizar: ayuda a organizar nuestros datos. No necesitamos hacer varias páginas web, tampoco es necesario dividir nuestros datos en fragmentos para fines de gestión, podemos organizar fácilmente nuestros datos en un solo lugar.
- Sin desplazamiento: al usar el enlace html o podemos decir enlaces internos html, no tenemos que preocuparnos por desplazarnos por páginas realmente largas, solo podemos hacer clic en ese enlace para encontrar la sección deseada en la misma página. Por lo tanto, es fácil encontrar cualquier dato o sección en la página.
¿Cómo crear una etiqueta de anclaje?
Como puede ver en la sintaxis anterior, hemos usado tantas cosas allí que ahora veremos más de cerca cómo crear y cómo funciona.
Básicamente consta de tres partes diferentes (atributo):
- atributo href
- atributo de destino
- atributo de nombre
1. atributo href
El atributo Href significa referencia de hipertexto. Supongamos que queremos crear un hipervínculo, por lo que el primer requisito es la dirección del documento que puede ser como cualquier otro sitio web, cualquier archivo como PDF, etc.
So for example : Google
En este http://www.google.com se encuentra el valor que estamos asignando a nuestro atributo href. Entonces, cada vez que hacemos clic en Google, nos redirigirá al enlace de la página de inicio de Google. Por lo tanto, el atributo href contiene la dirección del documento. También podemos mencionar nuestro propio enlace HTML a href.
Por ejemplo
My page
2. atributo de destino
El atributo de destino define cómo se abrirá el documento. Tiene muchos tipos y podemos usarlos según nuestras necesidades.
- _parent: simplemente abre el documento adjunto en el marco primario.
- _blank: abre el documento en la nueva pestaña o ventana.
- _top: abre el documento adjunto en la ventana completa.
- _self: abre el documento en la misma ventana o la misma pestaña en la que se hace clic. El valor predeterminado de este objetivo está habilitado. Podemos modificarlo como a continuación:
Your Link text
Aquí target = ”_ blank” es la sintaxis para usarlo.
3. atributo de nombre
El atributo de nombre se usa para saltar o navegar a algún punto de la página, esto puede ser útil cuando tenemos una página grande de VRU con tantos contenidos. Esto ayuda a ahorrar tiempo y búsqueda de usuarios sin desplazarse. Sintaxis a continuación:
or
En este mensaje, simplemente haga clic para ir al final de la página sin desplazarse hacia abajo.
Section
Este navegador identificará la sección pero necesitamos usar (#) con el atributo de nombre.
Link your text
Con esto, podemos referirnos al "título" de alguna otra página internamente. Aquí también se debe usar (#) al final de la dirección de la página.
Enlace HTML Colores
También podemos proporcionar colores a nuestro enlace html. Por defecto, tienen tres estados para el color del enlace, esto aparecerá en todos los navegadores.
- Enlace activo: cuando hacemos clic en cualquier enlace, se convierte en un enlace activo con un color subrayado y rojo.
- Enlaces no visitados: el color predeterminado del navegador estándar para los enlaces no visitados es azul y subrayado.
- Enlaces visitados: estos son morados y subrayados.
Pero también podemos proporcionar nuestros colores personalizados para vincular usando la sintaxis a continuación. Podemos seguir este tipo diferente para proporcionar color a nuestro enlace. Pero estamos usando CSS en línea aquí si lo desea, también puede crear CSS externo.
- Proporcione directamente el nombre del color.
- Mediante el uso del código de color HEX.
- Mediante el uso de los valores rgb () y rgba ().
- Mediante el uso de valores hsl y hsla ().
Red Link
En esto, podemos especificar directamente el nombre del color en el atributo de estilo. Este es un CSS en línea.
Red color code
Aquí estamos especificando el color usando códigos de color. (Códigos de color HEX)
Red color
También podemos usar valores RGB () para especificar el color de nuestros enlaces. Podemos controlar la opacidad del color usando rgb ().
Red color
Podemos reemplazar rbg () con rgba () pero necesitamos especificar el cuarto valor para transparencia y opaco.
Red color
También podemos usar HSL para colorear nuestro enlace. HSL básicamente significa matiz, saturación y ligereza. También podemos usar HSLA para especificar el color, pero necesitamos proporcionar un parámetro más en hsla ().
Conclusión - Enlace de texto HTML
Entonces, en Ordenar, usamos la etiqueta de anclaje y sus atributos para crear el hipervínculo o enlace en HTML. HREF contiene la dirección del documento, el objetivo responsable de manejar el documento. También podemos colorear nuestro enlace usando CSS en línea o externo.
Artículos recomendados
Esta es una guía para el enlace de texto HTML. Aquí discutimos cómo crear una etiqueta de anclaje con los colores del enlace HTML y la sintaxis para el enlace HTML. También puede echar un vistazo a los siguientes artículos para obtener más información:
- Editores de texto HTML
- Enlace de imagen en HTML
- Controles de formulario HTML
- Versiones de HTML
- Marcos HTML
- Bloques HTML
- Establecer un color de fondo en HTML con ejemplo