Enlaces HTML
Este tutorial cubrirá las siguientes formas de utilizar enlaces HTML:
- El Etiqueta para especificar un enlace.
- El etiqueta dentro del Etiqueta para utilizar una imagen como enlace.
- El objetivo atributo de Etiqueta para especificar la ventana donde desea abrir el sitio vinculado, el documento, etc.
- El href atributo dentro Etiqueta para especificar el enlace del destino objetivo.
- El al hacer clic Método para usar el botón como enlace
Etiqueta HTML
Es un hipervínculo utilizado para navegar de una página web a otra, se necesita un atributo href Para especificar la dirección de destino. Por defecto, el enlace se abrirá en la ventana actual del navegador, sin embargo, este comportamiento se puede modificar utilizando el objetivo atributo.
Ejemplo
Creemos un hipervínculo para saltar del documento actual al Linuxhint.com:
Enlaces en html
Bienvenido a Linuxhint.comunicarse!
Hacer clic en el enlace nos dirigirá a Linuxhint.com:
Atributo de destino HTML
En el ejemplo anterior, notamos que cuando hacemos clic en el enlace del sitio web vinculado abierto en la misma ventana. La ventana de destino se puede modificar para el enlace especificado utilizando el objetivo atributo.
El atributo de destino puede usar uno de los siguientes valores para definir la ventana de destino donde se abrirá el enlace:
_ser: Para abrir el enlace en la misma ventana
_blanco: Abre el enlace en la nueva ventana
Si no especificamos el atributo de destino, entonces, por defecto, el enlace se abrirá utilizando el "_ser" valor i.mi. en la misma pagina.
Ejemplo Consideremos las siguientes líneas de código para comprender cómo "_blanco" El valor funciona:
Enlaces en html
Bienvenido a Linuxhint.comunicarse!
La siguiente salida verificará que el enlace se abra en una nueva pestaña:
Atributo html href
href se puede usar para especificar el URL absolutas o el Enlaces relativos. El URL absoluta se refiere a la dirección completa del sitio web e.gramo. "Https: // www.Linuxhint.com/”y generalmente se usa para vincular los recursos en otros sitios. Por ejemplo, el ejemplo anterior toma una dirección que nos dirige a Linuxhint.comunicarse.
Mientras enlaces relativos Consulte un enlace local y generalmente se usan para vincular los recursos dentro del mismo sitio web.
Ejemplo El código dado a continuación tiene un enlace absoluto para "Linuxhint.com "y un enlace local para una imagen" Linux.PNG ":
Enlaces en html
Bienvenido a Linuxhint.comunicarse!
El fragmento anterior generará la siguiente salida:
Imagen como enlace
Para usar la imagen como enlace, tenemos que especificar el etiqueta dentro del etiqueta.
Ejemplo El código dado a continuación creará una imagen, haciendo clic en la imagen abrirá el enlace especificado.
Imagen html como enlace
Hacer clic en la imagen navegará a Linuxhint.comunicarse
Obtendremos la siguiente salida:
Botón como enlace
En HTML se puede usar una etiqueta para crear un botón y se puede especificar un enlace dentro de la etiqueta del botón usando el evento OnClick.
Ejemplo Este ejemplo creará un botón y hacer clic en el botón abrirá un nuevo enlace:
Imagen html como enlace
Hacer clic en el botón navegará a Linuxhint.comunicarse
El siguiente será la salida:
Conclusión
El La etiqueta se usa para especificar un enlace en HTML con la ayuda de su atributo HREF que se utiliza para determinar la dirección de enlace y el atributo de destino se usa para especificar la pestaña dirigida I.mi. Abrir enlace en la pestaña actual o en una nueva pestaña. Este artículo proporciona una descripción completa de los enlaces en HTML. Explica la diferencia entre la ruta absoluta y la ruta relativa. Además, describió cómo usar la imagen y el botón como un enlace.