En esta lección se estudiarán los Enlaces (Links).
Los enlaces son la manera de conectar una página Web con otra lo que realmente es la esencia del WWW. Se puede poner enlaces a otras paginas sin pedir permiso. ¿Cómo se hacen estos enlaces?
Los enlaces se hacen de una manera muy sencilla, vamos a comenzar con el siguiente ejemplo:
<body bgcolor"#FFFFFF">
netscape</body>
<body bgcolor"#FFFFFF">
netscape</body>
netscape |
Se agregan un par de etiquetas junto a la palabra netscape como se indica en el ejemplo:
<body bgcolor"#000000>
<a>netscapee</a> </body>
<a>netscapee</a> </body>
Observe que las etiquetas son <a> y </a>.
Si vemos este programa en el navegador o browser aparecera como:
netscape |
Se va a agregar la dirección (url en inglés) donde se quiere conectar la página en la etiqueta <a> junto con la leyenda href como se indica en el ejemplo:<body bgcolor"#000000>
<a href="http://www.netscape.com">netscape</a>
</body>
<a href="http://www.netscape.com">netscape</a>
</body>
En el ejemplo anterior se escribe la referencia href=http://www.netscape.com a la cual se puede conectar desde la página Web.
Si actualizamos la página se obtiene:
netscape |
Otro ejemplo más solo para practicar:
<body bgcolor="#FFFFFF">
<a href="http://www.microsoft.com/latam/default.stm">microsoft </a>Latino América.
</body>
<a href="http://www.microsoft.com/latam/default.stm">microsoft </a>Latino América.
</body>
microsoft Latino América. |
Si usted quiere hacer un enlace para mandar un correo electrónico, escriba mailto: después de href, omo se muestra en el siguiente ejemplo:.
<body bgcolor"#FFFFFF">
mándame <a href="mailto:jlgcue@colpos.colpos.mx">correo</a> </body>
<body bgcolor"#FFFFFF">
mándame <a href="mailto:jlgcue@colpos.colpos.mx">correo</a> </body>
mándame un correo |
También se puede hacer un enlace desde una imagen.
<body bgcolor="#FFFFFF">
mándame <a href="mailto:jlgcue@colpos.colpos.mx">correo><img src="ok.gif"></a>
</body>
<body bgcolor="#FFFFFF">
mándame <a href="mailto:jlgcue@colpos.colpos.mx">correo><img src="ok.gif"></a>
</body>
Observe que la imágen se incluyó dentro de las etiquetas <a> y </a>
mándame correo |
Pero ¿Qué tal si quieres quitarles el marco azul a las imágenes?
Para hacer ésto solo tienes que indicar que no quieres borde en la imágen con la leyenda border=0 como lo indica el siguiente programa:
<body bgcolor="#FFFFFF"
mándame correo<a href="mailto:navarro@snet.net><img src="ok.gif" border=0></a>
</body>
mándame un correo |
De la misma manera se pueden hacer enlaces desde una imágen a otra página como se vió en la Lección #4. El enlace se hizo de la manera siguiente:
<body bgcolor="#000000">
<a href=CARAMELO.HTM"><img src="scarame1.gif" border=0></a> </body>
También se pueden hacer enlaces a partes específicas en una página:
Primero busquemos una palabra o imagen para ponerle nuestras etiquetas por ejemplo Enlaces
<a>Enlaces</a> después le damos al enlace un nombre
<a name="enlace">Enlaces</a>
Esto es para preparar el lugar adonde se dirige el enlace.
Primero busquemos una palabra o imagen para ponerle nuestras etiquetas por ejemplo Enlaces
<a>Enlaces</a> después le damos al enlace un nombre
<a name="enlace">Enlaces</a>
Esto es para preparar el lugar adonde se dirige el enlace.
Ahora haremos el enlace....
Regresemos al <a href="LECCION 5.HTMl#enlace">principio</a>
Regresemos al <a href="LECCION 5.HTMl#enlace">principio</a>
Regresamos al principio
Fin del Enlace
regresemos al principio |
Bueno, tal vez te has dado cuenta que en los colores de los enlaces cambian de página a página, esto es al gusto de los diseñadores, la respuesta de este misterio esta en los atributos LINK, VLINK y ALINK de la etiqueta body.
<BODY TEXT="#FFFFFF" LINK="#CC6699" VLINK="#996699" ALINK="#FFFFCC">
No hay comentarios:
Publicar un comentario