Enlaces, hipervínculos e imágenes

Enlaces, links, hipervínculos

Definición y Uso

La etiqueta <a> define un hipervínculo, que se utiliza para vincular de una página a otra.

El atributo más importante del elemento <a> es el atributo href, que indica el destino del vínculo.

Por defecto, los enlaces aparecerán de la siguiente manera en todos los navegadores:

• Un enlace no visitado está subrayado y azul
• Un enlace visitado es subrayada y púrpura
• Un vínculo activo es subrayada y rojo

Enlaces hipervínculos HTML 

enlaces HTML son hipervínculos.

Puede hacer clic en un enlace y saltar a otro documento.

Al mover el ratón sobre un enlace, el puntero del ratón se convertirá en una pequeña mano.

Nota: Un enlace no tiene que ser un texto. Puede ser una imagen o cualquier otro elemento HTML.

video

Vínculo a un link externo <a>

Vínculo a una imágen <img src>

Abrir un enlace en una nueva ventana del navegador 

El atributo de destino El targetatributo especifica dónde abrir el documento vinculado. El atributo de destino puede tener uno de los siguientes valores: _blank - Abre el documento vinculado en una nueva ventana o pestaña _self - Abre el documento vinculado en la misma ventana / pestaña, ya que se ha hecho clic (esto es por defecto) _parent - Abre el documento vinculado en el marco padre _top - Abre el documento vinculado en el cuerpo completo de la ventana framename - Abre el documento vinculado en un marco llamado En este ejemplo se va a abrir el documento vinculado en una ventana del explorador / pestaña nueva: Resumen de anotación. Usar la <a> elemento para definir un vínculo Utilice el href atributo para definir la dirección del enlace Utilice el objetivo de atributos para definir dónde abrir el documento vinculado Utilice el <img> elemento (dentro <a>) para utilizar una imagen como un enlace Utilice el ID de atributo (id = " valor ") para definir los marcadores en una página Utilice el href atributo (href = "# valor ") para enlazar con el marcador Rutas de archivo HTML Camino Descripción <Img src = "picture.jpg"> picture.jpg se encuentra en la misma carpeta que la página actual <Img src = "images / imagen.jpg"> picture.jpg se encuentra en la carpeta de imágenes de la carpeta actual <Img src = "/ images / imagen.jpg"> picture.jpg se encuentra en la carpeta de imágenes en la raíz de la web actual <Img src = "../ picture.jpg"> picture.jpg se encuentra en la carpeta de un nivel por encima de la carpeta actual Una ruta del archivo describe la ubicación de un archivo en la estructura de carpetas de un sitio web. Las rutas de archivos se utilizan cuando se enlaza a archivos externos como: páginas web imágenes Las hojas de estilo JavaScript Rutas de archivo absolutos Una ruta de archivo absoluta es la dirección URL completa en un archivo de internet: Ejemplo <img src="https://www.w3schools.com/images/picture.jpg" alt="Mountain"> Rutas de archivo relativas Una ruta de archivo relativa apunta a un archivo relativa a la página actual. En este ejemplo, la ruta del archivo apunta a un archivo en la carpeta de imágenes se encuentra en la raíz de la web actual: Ejemplo <img src="/images/picture.jpg" alt="Mountain"> En este ejemplo, la ruta del archivo apunta a un archivo en la carpeta de imágenes situado en la carpeta actual: Ejemplo <img src="images/picture.jpg" alt="Mountain"> En este ejemplo, la ruta del archivo apunta a un archivo en la carpeta de imágenes situada en la carpeta de un nivel por encima de la carpeta actual: Ejemplo <img src="../images/picture.jpg" alt="Mountain">