Make your own free website on Tripod.com

Una Pagina Web Basica
Leccion #5

Enlaces,enlaces,enlaces...

Los enlaces son la manera de poner todas tu paginas juntas, como saltar de una pagina a otra y realmente es la esencia del WWW, es perfectamente correcto poner enlaces a otras paginas sin pedir permiso.

Realmente es facil hacer enlaces ...

Comenzemos con esto...

<body bgcolor"#000000">
netscape
</body>

netscape

Y de ahi le agregas un par de etiquetas <a>   netscape </a>

<body bgcolor"#000000>
<a>netscape</a>
</body>

netscape

Le agregas la direcion (url en ingles) y listo.

<body bgcolor"#000000>
<a href=
"http://www.netscape.com">netscape</a>
</body>

netscape

Una mas solo para practica.....

<body bgcolor="#000000">
<a href="http://www.microsoft.com/latam/default.htm">microsof </a>latino america.
</body>

microsoft latino america.

Para hacer un enlace para mandar correo es igual solo tenemos que...

<body bgcolor"#000000">
enviame
<a href="mailto:joalsaju@hotmail.com">correo</a>
</body>

enviame correo

Como te acordaras tambien podemos hacer un enlace de una imagen...

<body bgcolor="#000000">
enviame correo<a href="mailto:joalsaju@hotmail.com">
<img src="ok.gif"></a>
</body>

enviame correo

Pero que tal si quieres quitarles el marco azul a las imagenes?

<body bgcolor="#000000"
enviame correo<a href="mailto:joalsaju@hotmail.com><img src="ok.gif"
border=0></a>
</body>

mandame correo

Se puede hacer enlaces a casi cualquier cosa, como imagenes, te acuerdas de la leccion 4?

Para hacer eso primero tienes que sacar tu editor de imagenes y hacer una copia pequeña de la imagen a la cual le quieres hacer el enlace, dale el nombre que desees y guardala junto con la imagen original.

<body bgcolor="#000000">
<a href="caramelos.jpg"><img src="imagenes/scaramelos.gif" border=0></a>
</body>

Caramelos

Tambien podemos hacer enlaces a partes especificas en una pagina...

Algo asi.

Primero busquemos una palabra o imagen para ponerle nuestras etiquetas...
<a>Enlaces</a>
despues 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 principio

Bueno una ultima nota, talvez te abras dado cuenta que en los colores de los enlaces cambian de pagina a pagina al gusto de los diseñadores la respuesta de este misterio esta en los atributos de la etiqueta body.

<BODY TEXT="#FFFFFF" LINK="#CC6699" VLINK="#996699" ALINK="#FFFFCC">

 

ATRAS  = = = ADELANTE

  

Introduccion Leccion 1 Leccion 2 Leccion 3 Leccion 4 Leccion 5 Leccion 6
Correo