HTML Básico

Inicio / Tema / HTML Básico / Enlaces y Navegación

Enlaces y Navegación

Etiquetas de Enlace (`<a>`)

La etiqueta <a> se utiliza para crear enlaces, permitiendo a los usuarios navegar a otras páginas o secciones de la misma página. La etiqueta <a> requiere del atributo href para definir la URL de destino.

html

"Aquí tenemos un enlace sencillo. La etiqueta a, con el atributo href, redirige a la página de ejemplo.com."

Enlaces Internos y Externos

Los enlaces pueden ser internos (dentro del mismo sitio web) o externos (a otros sitios web). Los enlaces internos usan rutas relativas, mientras que los enlaces externos usan rutas absolutas.

html

"Este código muestra un enlace interno, que usa una ruta relativa, y un enlace externo a Wikipedia, que utiliza una ruta absoluta completa y abre en una nueva pestaña."

Enlaces de Correo Electrónico

Para crear enlaces de correo electrónico, utilizamos mailto: seguido de la dirección de correo. Al hacer clic en el enlace, se abrirá el cliente de correo predeterminado del usuario con la dirección ya completada.

html

"Este enlace de correo usa mailto, para abrir la aplicación de correo del usuario con la dirección de correo ya lista para enviar."

Atributos de Enlace (title, target, etc.)

Además de href, la etiqueta <a> puede incluir varios atributos útiles. Por ejemplo, title muestra un texto emergente cuando el usuario pasa el cursor sobre el enlace, y target define cómo se abrirá el enlace.

html

"Este enlace incluye el atributo title, que muestra un texto cuando pasamos el ratón por encima. También incluye target, que permite abrir el enlace en una nueva pestaña."

Creación de Menús de Navegación

Podemos utilizar listas no ordenadas (<ul>) y elementos de lista (<li>) para crear menús de navegación. Estos menús organizan varios enlaces en una estructura ordenada y fácil de usar.

html

"Este código muestra un menú de navegación con tres enlaces organizados en una lista. Utilizamos ul y li para estructurar el menú dentro de una etiqueta nav."

Cierre del Capítulo

Con estas herramientas, ahora puedes crear enlaces y menús de navegación, facilitando el desplazamiento dentro de tu sitio web y entre diferentes páginas. En el próximo capítulo, aprenderemos sobre cómo insertar imágenes y contenido multimedia en HTML.

Volver al capítulo anterior

Marcar como leìdo y continuar

Pregúntame lo que sea