La etiqueta <a> en HTML5 se utiliza para definir hiperenlaces, permitiendo a los usuarios navegar a otra página, archivo o ubicación dentro de la misma página. La etiqueta <a> se denomina comúnmente "etiqueta de anclaje".
A continuación, te proporciono una descripción y ejemplos de uso:
href: Especifica la URL a la que apunta el enlace.
<a href="https://www.ejemplo.com">Visita Ejemplo.com</a>
target: Determina cómo se abrirá el recurso vinculado. Puede tener valores como _blank (abre en una nueva ventana o pestaña), _self (abre en la misma ventana o pestaña, valor por defecto).
<a href="https://www.ejemplo.com" target="_blank">Abre Ejemplo.com en una nueva ventana</a>
Enlaces internos (para navegación dentro de la misma página): Puedes usar el atributo id en cualquier elemento de la página y luego enlazar directamente a ese ID.
<a href="#seccion1">Ir a la Sección 1</a>
...
<div id="seccion1">Contenido de la Sección 1</div>
La etiqueta <a> es esencial para la navegación web y tiene múltiples aplicaciones más allá de las mencionadas aquí. Sin embargo, estos son algunos de los usos más comunes y básicos.
La etiqueta <img> en HTML se utiliza para incrustar imágenes en un documento web. A diferencia de muchas otras etiquetas en HTML, la etiqueta <img> es vacía, lo que significa que no tiene etiqueta de cierre.
A continuación, describo cómo usar la etiqueta <img> y sus atributos más comunes:
La etiqueta <img> en HTML se utiliza para incrustar imágenes en un documento web. A diferencia de muchas otras etiquetas en HTML, la etiqueta <img> es vacía, lo que significa que no tiene etiqueta de cierre.
A continuación, describo cómo usar la etiqueta <img> y sus atributos más comunes:
src (fuente): Especifica la ruta de la imagen que quieres mostrar. Es el único atributo requerido para que la etiqueta funcione correctamente.
<img src="ruta/a/la/imagen.jpg">
alt (texto alternativo): Proporciona una descripción textual de la imagen. Esto es útil por varias razones:
Si la imagen no se carga correctamente, el texto alternativo se mostrará en su lugar.
Mejora la accesibilidad para personas que utilizan lectores de pantalla.
Puede ayudar en la optimización para motores de búsqueda (SEO).
<img src="imagen.jpg" alt="Descripción de la imagen">
width y height: Estos atributos definen el ancho y el alto de la imagen, respectivamente. Pueden especificarse en píxeles o en porcentaje.
html
<img src="imagen.jpg" alt="Descripción" width="300" height="200">
title: Proporciona información adicional sobre la imagen, que generalmente se muestra como un tooltip cuando el usuario coloca el cursor sobre ella.
html
<img src="imagen.jpg" alt="Descripción" title="Información adicional">