¡Izamos anclas! Enlace a la playa con HTML

Vamos de aventura con Daisy usando la etiqueta ancla (a) para hacer enlaces a todo tipo de páginas web asombrosas.

  • Click here for the full video transcript

    [Música de la introducción]

    >> DAISY: Hola amigos zorros, he encontrado algo increíble en la playa hoy. ¡Un ancla! Amo las anclas, porque en HTML el “ancla” -o etiqueta a- te permite saltar de una página web a otra. Probablemente conoces las anclas por su nombre más común, enlace. Para crear un enlace a algo, simplemente envuelvelo en la etiqueta “a”, y pasale el atributo “href”. Los atributos proveen información adicional sobre un elemento. En este caso, href especifica la página a la que quiero ir. Los atributos siempre van en la etiqueta de inicio, y generalmente entre comillas. Esta mañana estuve en kitchen.html preparando el desayuno, cuando abrí una ventana nueva y ví el sol brillando. “Que día perfecto para ir a surfear”, pensé. Así que creé un enlace a la playa, pero la playa está en otro directorio, así que el atributo href en mi etiqueta se parecía a esto:

    En la playa había varios elementos con la clase de cangrejo hundiéndose a traves de la arena. Me detuve a hablar a uno con el atributo id kamaboko El kamaboko era un cangrejo único. Él no dijo nada más en la página index.html de la playa tenía una id exactamente como la suya, y si quiero visitarlo de nuevo, simplemente podría enlazarlo a su id, de esta forma:

    Como una nueva ola que rompía en la orilla, una flota de gaviotas aterrizaron en la playa. Los pregunté de donde venían y dijeron,

    >> GAVIOTA: Recién volamos desde afosfanclub.com

    >> DAISY: Yo dije, “wow, esa es una url absoluta, así que si quiero enlazar allí, el atributo href para mi etiqueta de ancla sería http://www.afosfanclub.com. Eso es tan lejos! ¿Cuánto tiempo te tomó en llegar ahí?

    >> GAVIOTA: Toda la noche y el día.

    >> DAISY: Ellos dijeron.

    >> GAVIOTA: No pudimos escaparnos.

    >> DAISY: La próxima vez solo deberías usar la etiqueta de ancla. Mientras las gaviotas estaba desapareciendo lentamente de mi vista… desapareciendo de mi vista… decidí entrar al océano, así que enlacé al directorio hijo, océano. Nadé hacia el agua para navegar, pero luego me di cuenta de algo … Yo había estado navegando todo el tiempo! y yo estaba agotado. Así que empecé a nadar hacia la orilla, cuando vi un ancla! Pensé kamaboko les gustaría ver, así que he vinculado directamente a él. Kamaboko ya se había escondido en para una siesta por la tarde, y yo no quería despertarlo, así que ligado a casa.

    Fue toda una aventura, gracias por seguirla. Ahora quiero saber todo acerca de sus aventuras!

    Hoy hemos utilizado la etiqueta para hacer enlaces a todo tipo de divertidas paginas web, y hemos aprendido como usar el atributo “id” para enlazarnos a contenidos en la misma pagina.

    La próxima ocasión averiguaremos como hacer sitios web con imágenes.

    [música outro]

Únete al debate

Subscribe to our Mailing List

Stay up to date on the latest videos and tutorials with our monthly newsletter

The email entered is invalid
×