 |
||||||||||
|
||||||||||
LECCIÓN 4 Esta lección tratará sobre los links (vínculos). Coloca un par de etiquetas ancla. <BODY BGCOLOR="#FFFFFF"> Visita <A>Open Directory Project</A> </BODY> Agrega el URL y es todo! "URL" significa Universal Resource Locator (en español varia la traducción). Para que no te confundas con el nombre técnico dado a URL, sólo recuerda que es una dirección. <BODY BGCOLOR="#FFFFFF"> Visita <A HREF="http://dmoz.org/" >Open Directory Projet</A> </BODY> Un link más. <BODY BGCOLOR="#FFFFFF"> ¡Visita Netscape! </BODY> <BODY BGCOLOR="#FFFFFF"> ¡Visita <A HREF="http://home.netscape.com/">Netscape!</A> </BODY> Un link a un e-mail es similar, cambiando la URL por una dirección de correo. <BODY BGCOLOR="#FFFFFF"> ¡Envíame un <A HREF="mailto:yo@imeil.com.mx">Mensaje!</A> </BODY> Se puede usar una imagen como link. En el ejemplo de "¡Visita Netscape!" substituye la palabra "Netscape!" por una etiqueta <IMG>. <BODY BGCOLOR="#FFFFFF"> ¡Visita <A HREF="http://home.netscape.com/"> <IMG SRC="nav30but.gif" WIDTH=82 HEIGHT=68></A> </BODY> Visita  Algo que origina muchas interrogantes es la forma en que se puede quitar el borde azul que rodea una imagen cuando se usa como link. Con esto... <BODY BGCOLOR="#FFFFFF"> ¡Visita <A HREF="http://home.netscape.com/"><IMG SRC="nav30but.gif" WIDTH=82 HEIGHT=68 BORDER=0></A> </BODY> Los links dentro de las mismas páginas son un poco más difíciles de explicar, pero haré mi mejor esfuerzo para no confundirte. Primero localiza el lugar al que quieres que se dirijan al dar click sobre tu link. Selecciona una palabra y rodéala con las etiquetas ancla "<A>". <A> Agrega</A> el URL y es todo! Ahora asigna un nombre... <A NAME="arriba" >Agrega</A> el URL y es todo! Lo que has hecho es marcar ese lugar para poderle hacer referencia... Ahora establece el link... ¡Aquí hay algo.... <A>COOL!</A> Añade el documento de referencia... ¡Aquí hay algo... <A HREF="leccion4.html">COOL!</A> Y, por último, agrega el ancla del NOMBRE (NAME)... ¡Aquí hay algo... <A HREF="leccion4.html#arriba">COOL!</A> ¡Aquí hay algo COOL! Es hora de que vayas por más agua, refresco o algo de comer.........la lección 5 no se irá, no te preocupes  |
|
[Lección 1]
[Lección 2]
[Lección 3]
[Lección 4]
[Lección 5]
[Lección 6] La reproducción de este tutorial no está permitida, por favor, lee los siguientes links para mayor información: Términos de uso / Políticas de privacidad |