Html facil - Agregar links

5 - Agregar links

[editar]
Curso gratis creado por Ivan Tecuapacho Cosetl.
28 de Marzo de 2006
http://s6.ar.gladiatus.com/game/c.php?uid=20618




La essencia del Web, es poder navegar entre las páginas y los sitios que lo constituyen. Esta navegación se hace gracias a los lazos denominados 'hipertextos'. Estos links (o lazos) son frases, textos o imágenes que dirigen hacia otra página u otra parte de la misma página.
Delimitados por las etiquetas (o las tags) de apertura <a> y de cierre </a> , los hay de cuatro tipos diferentes :
  • los links externos, que apuntan hacia otro sitio
  • los links internos, que llaman a otra página del mismo sitio
  • los links hacia un punto prealablemente definido en una página Web (lazo hacia un párrafo por ejemplo)
  • los links hacia una dirección de e-mail

En cualquier caso, la sintaxis es la misma :

<a href="dirección o URL">Texto del link</a>

Vamos a insertar dos lazos en tu página de inicio. Empieza por crear la segunda página de tu sitio, por ejemplo "mislazos.html", y ponla en la carpeta correspondiente.
Volvamos a la página de inicio, y copia el código siguiente entre les tags <body> y </body> :
<p>
<!--Insertamos una separación con una barra horizontal-->
<hr>
<!-- Luego un primer lazo hacia la segunda página de tu sitio -->
<a href="lazos/mislazos.html">Mis sitios favoritos</a>

Para copiar este código, selecciónalo con el mouse, aprieta las teclas Ctrl+C , ve a tu documento y aprieta Ctrl+V. Aparecerá lo que querías copiar.
Con el atributo "href" hemos asignado un camino relativo, que tomará en cuenta la página que estamos haciendo (este método es muy recomendado para los lazos internos).
Ya tienes un lazo en la página 'index.htm' hacia la página 'mislazos.htm'.
Vamos a insertar un lazo para volver a la página de inicio a partir de 'mislazos.htm':
<a href="/index.html">Iniciol</a>

Podemos observar que para volver a una carpeta de nivel superior, el camino de acceso al archivo debe ser precedido del símbolo "/", como aquí: "/camino_del_archivo"
Luego, escribe los lazos hacia tus sitios favoritos con una dirección denominada absoluta, o URL completa :
<a href="mailto: www.wikilearning.com">
[editar]

2 opiniones

Hola.

Wow, todo esta excelente, felicitaciones... Tengo una consulta, tengo una página de myspace y quisiera poder colocar un link invisible sobre mis tops friends (algo que los lleve de nuevo a mi url)... Quiero que se vean pero no quiero que los contacten porque a algunos de ellos les molesta eso... Cómo lo hago?.
Interesante.

Interesante el curso ya que se puede aprender bastante siempre y cuando se ponga en practica lo visto en el curso.

Cursos gratis relacionados con 'Html facil'

Aprende como hacer una pagina web a base de codigo HTML, aprenderas lo fundamental y... Más »
Este es un curso tremendamente completo, guiado y con ejemplos y prácticas pensadas para convertirlo... Más »
Cuando hablamos de un sitio web nos estamos refiriendo en realidad a un conjunto de... Más »
La programación de aplicaciones para la Web es una técnica que ya lleva suficientes años... Más »
Revisamos varios lenguajes de programación que son usados en la actualidad para hacer páginas Web.... Más »