Javascript Crea Un Elemento Con Href

| | | | | | | | |

Un hipervìnculo HTML le permite navegar a una página diferente. Un "a" etiqueta define un ancla. El " href " atributo especifica la ubicaciòn a la que se llevará a un usuario cuando haga clic en el enlace. Entre "a" y cerrar "/" etiquetas es el texto de anclaje que se mostrará al usuario.

Cuando esté creando una página web, es posible que desee hacer referencia a otra página web o sitio web. Por ejemplo, es posible que esté creando un blog y desee vincular a un artìculo que cree que es relevante.

Hipervìnculos, o vìnculos, se utilizan para conectar una página web a otra. y permitir que los usuarios se muevan entre varias páginas web rápidamente. Los hipervìnculos se pueden utilizar para vincular a otras páginas de su propio sitio o páginas de diferentes sitios web.

En esta guìa, vamos a desglosar los conceptos básicos de los hipervìnculos en HTML. Hablaremos sobre còmo establecer objetivos para enlaces, còmo crear anclas para marcadores y enlaces a direcciones de correo electrònico y elementos web.

Hipervìnculo HTML

Un hipervìnculo HTML apunta a otro recurso web . Un hipervìnculo se define entre un "a" etiqueta y una etiqueta de cierre "/ a" etiqueta. El texto entre estas dos etiquetas lleva al usuario al recurso web vinculado cuando se hace clic en el vìnculo.

Los hipervìnculos se crean utilizando la etiqueta "a" etiqueta. Aquì está la sintaxis de un hipervìnculo en un archivo HTML:

El texto entre nuestras etiquetas se vinculará a la URL que especificamos en nuestra etiqueta de apertura. Usamos el atributo href para elegir el destino de la URL. Esto podrìa ser una URL absoluta o un enlace absoluto como https://python.engineering o una URL relativa a alg√∫n lugar de nuestro sitio.

Aquì hay un ejemplo de un enlace que apunta a la direcciòn web de la página de inicio de Python.Engineering:

Tipos de etiquetas de hipervìnculo HTML

Hay tres tipos de enlaces que pueden aparecer en un navegador. Estos son los siguientes:

Algunos sitios web sobrescriben estos colores, lo que significa que aparecen de manera diferente, pero esos son los tipos principales de enlaces a los que puede aplicar estilo en HTML.

HTML de hipervìnculo: Targets

Puede cambiar la forma en que se abre un enlace. Por ejemplo, supongamos que desea que se abra un enlace en una nueva pesta√±a en el navegador web del usuario. Esto asegurará que el usuario no pierda su lugar en la página web que está viendo actualmente.

Ahì es donde entra el atributo link targetHTML. Al usar el vìnculo target atributo, puede especificar dònde debe abrir el navegador el recurso al que ha vinculado.

Hay cuatro tipos de destinos que puede utilizar, que son los siguientes:

Aquì hay un ejemplo de algunos de estos enlaces en acciòn:

HTML de hipervìnculo: marcadores de marcador < / h2>

Los hipervìnculos en HTML también pueden hacer referencia a una parte especìfica de un documento HTML. Esto es √∫til si tiene una página web larga y desea dirigir a un usuario a un lugar particular en el texto.

Antes de comenzar a usar los anclajes de marcadores, primero debe definir un atributo de ID en el elemento donde desea que el usuario vaya. A continuaciòn, se muestra un ejemplo de còmo declarar un atributo de ID en un tìtulo en una página web:

Le hemos dado a la etiqueta de encabezado HTML el ID subtitle3, que luego podemos usar para hacer referencia a un hipervìnculo.

Aquì hay un ejemplo de un hipervìnculo que hace referencia a este encabezado:

En lugar de especificar una URL en nuestro href etiqueta, especificamos el ID del elemento al que queremos vincular. Agregamos un signo de almohadilla antes de esa identificaciòn (#) para que el navegador sepa que el documento vinculado está en nuestra página web.

Etiqueta de anclaje HTML

Una etiqueta de anclaje HTML se refiere a la etiqueta. Esta etiqueta vincula a un usuario a otro recurso web. El " href " El atributo define el recurso al que se dirigirá a un usuario cuando haga clic en el enlace.

Ejemplos de etiquetas de anclaje HTML

Veamos algunos ejemplos del uso de HTML "a" etiqueta.

URL relativas

Si está enlazando a un recurso en el mismo documento HTML que está desarrollando, puede utilizar una URL relativa. Las URL relativas también se denominan enlaces locales y no utilizan el " https: //www.sitename .com " sintaxis. En cambio, las URL relativas apuntan a la ruta del archivo de un recurso web especìfico en el servidor local.

Supongamos que estamos creando un enlace en el sitio web de Python.Engineering que debe apuntar a nuestro blog. En lugar de usar una URL absoluta, podrìamos usar una URL local, porque nuestro sitio es el sitio Python.Engineering. Aquì está el còdigo que usarìamos para crear este enlace:

Cuando hacemos clic en el texto Python.Engineering blog, se nos envìa al / blog recurso en nuestro sitio.

< / a>

Direcciòn de correo electrònico

La etiqueta de anclaje también se puede utilizar para vincular a una direcciòn de correo electrònico. Cuando se hace clic en un vìnculo a una direcciòn de correo electrònico, el programa de correo electrònico predeterminado del usuario Se le preguntará al usuario si desea enviar un mensaje a la direcciòn de correo electrònico que ha especificado.

Para enlazar a una direcciòn de correo electrònico, debemos iniciar nuestro enlace con el protocolo mailto:. Aquì hay un ejemplo de vinculaciòn a una direcciòn de correo electrònico en HTML:

Cuando hacemos clic en nuestro vìnculo, nuestro programa de correo electrònico se abre y nos pide que le enviemos un correo electrònico a " [email protected] & rdquo ;.

Vincular a un elemento

La etiqueta de anclaje puede vincular a un elemento en una página web. Puede crear este enlace especificando la identificaciòn del elemento al que debe apuntar el ancla. Supongamos que queremos un enlace para llevar a nuestro usuario al encabezado Test Heading en una página web. Podrìamos crear este enlace usando el siguiente còdigo:

Cuando hagamos clic en nuestro enlace, nuestra página web se desplazará hacia abajo hasta el elemento con el id test_heading.

Conclusiòn

Hipervìnculos se pueden usar en HTML para vincular una página web o recurso a otro. Puede utilizar hipervìnculos para conectarse a recursos en su sitio o en cualquier otro sitio web. En esta guìa, hemos desglosado còmo usar hipervìnculos en un documento HTML.

Con toda esta informaciòn, ya está listo para crear hipervìnculos en HTML como un maestro.

Para obtener más informaciòn sobre la codificaciòn en HTML, lea nuestro Guìa de còmo aprender HTML .

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method