Los enlaces en HTML | CURSO completo de HTML5 desde cero (5/11)

Summary

En este tutorial de HTML, aprenderás cómo crear enlaces en una página web. Se explican los diferentes tipos de enlaces, incluyendo los enlaces con URL absoluta y relativa. También se aborda cómo enlazar documentos dentro de tu propio sitio web y cómo enlazar a páginas en subcarpetas. Además, se enseña a crear enlaces que dirigen a secciones específicas dentro del mismo documento utilizando el atributo ID. Al final, el tutorial proporciona ejemplos prácticos y consejos sobre cómo utilizar los enlaces para navegar entre páginas y elementos en tu sitio web.

Takeaways

• 😀 En este tutorial, se explica cómo crear enlaces en HTML para vincular páginas dentro de un sitio web o con sitios externos.
• 😀 Se enseña cómo usar la etiqueta <a> para crear un enlace y cómo utilizar el atributo 'href' para indicar la dirección del enlace.
• 😀 Un enlace con una URL absoluta especifica una dirección completa, como https://www.wikipedia.org, que apunta a un recurso externo.
• 😀 Un enlace con una URL relativa, por otro lado, utiliza una dirección relativa dentro del propio sitio web, como el nombre de un documento en el mismo directorio.
• 😀 Para crear un enlace a un documento en un subdirectorio, se usa la ruta relativa con el nombre del subdirectorio seguido de la barra '/' y el nombre del archivo.
• 😀 Si se quiere vincular a un recurso dentro de una carpeta (subdirectorio), basta con especificar la carpeta seguida del archivo al que se quiere acceder.
• 😀 El atributo 'href' es clave para indicar a dónde debe ir el enlace, ya sea a una URL absoluta o relativa, y debe ir entre comillas.
• 😀 Se mostró cómo se puede usar una URL relativa para vincular documentos que están al mismo nivel dentro del proyecto, como un archivo 'texts.html'.
• 😀 En el caso de subdirectorios, el enlace debe incluir primero el nombre de la carpeta seguida del archivo, como 'subfolder/page2.html'.
• 😀 Se explica cómo usar un enlace dentro de una misma página HTML para hacer desplazamientos dentro del documento, usando el atributo 'id' para identificar elementos.
• 😀 Se mostró cómo crear un enlace dentro de un documento para navegar hacia un bloque específico del contenido, por ejemplo, utilizando un identificador 'id' en una etiqueta <h2>.

Q & A

¿Qué tipo de enlaces se presentan en el tutorial?

El tutorial presenta enlaces con URL absolutas, URL relativas e enlaces internos dentro de la misma página.

¿Qué es una URL absoluta?

Una URL absoluta es una dirección completa que incluye el protocolo (por ejemplo, https://) seguido del dominio y la ruta completa hacia el recurso, como un documento externo.

¿Cuál es la diferencia entre una URL absoluta y una relativa?

Una URL absoluta enlaza a un recurso externo con una dirección completa, mientras que una URL relativa solo incluye la ruta relativa al documento actual dentro del mismo sitio web.

¿Cómo se crea un enlace con una URL absoluta en HTML?

Para crear un enlace con una URL absoluta, se usa la etiqueta <a> con el atributo href que contiene la URL completa. Por ejemplo: <a href='https://example.com'>Enlace a un sitio externo</a>.

¿Cómo se crea un enlace con una URL relativa en HTML?

Para crear un enlace con una URL relativa, se usa la etiqueta <a> con el atributo href que contiene solo el nombre del archivo o la ruta relativa dentro del sitio web. Por ejemplo: <a href='documento.html'>Enlace a documento</a>.

¿Qué se debe hacer para enlazar a un documento dentro de una subcarpeta?

Para enlazar a un documento en una subcarpeta, se especifica el nombre de la carpeta seguido del nombre del documento, usando una barra inclinada. Ejemplo: <a href='subcarpeta/pagina.html'>Enlace a documento en subcarpeta</a>.

¿Cómo se crea un enlace interno en la misma página?

Para crear un enlace interno en la misma página, se utiliza el atributo id para identificar el elemento al que se desea enlazar, y en el enlace se usa el símbolo de # seguido del id. Ejemplo: <a href='#seccion1'>Ir a la sección 1</a>.

¿Cuál es el propósito del atributo 'id' en los enlaces internos?

El atributo 'id' se usa para identificar de manera única un elemento en la página, permitiendo que un enlace lo apunte directamente, facilitando la navegación dentro de la misma página.

¿Qué sucede cuando se hace clic en un enlace con una URL absoluta?

Al hacer clic en un enlace con una URL absoluta, el navegador redirige al usuario a la dirección completa especificada en el enlace, normalmente hacia un recurso externo.

¿Qué importancia tiene el uso de las URLs relativas en un sitio web?

Las URLs relativas son importantes porque permiten enlazar documentos dentro del mismo sitio web sin necesidad de especificar toda la dirección completa, lo que hace que la estructura del sitio sea más flexible y manejable.