Enlaces

Los enlaces o hipervínculos son utilizados para llevar a otra página o archivo. Se pueden utilizar como enlaces tanto texto como imagenes.

                  
                  <a href="http://www.w3schools.com">Visita esta web!</a>
                  
                

Tipos de enlaces:

• relativos cuando hacemos referencia a un documento o página que esta en el mismo sitio web



<a href="documentos/listado.html">Listado</a>

• absolutos cuando hay que especificar completamente la ruta, para hacer referencia a páginas web externas a nuestro sitio web



<a href="http://www.diariosur.es">Diario Sur</a>

• locales para hacer referancia a una sección de nuestra web, para esto hay que crear indices



                      <p>Redes sociales</p>
                      <a href="#red1">Facebook</a>
                      <a href="#red2">Twitter</a>   
                      <a href="#red3">Linkedin</a>
                    

Y en cualquier sección del tu pagina web añades uno de los 3 id o los 3.....

                      <a id="red1">Facebook</a>
                  

---

Con el atributo target los enlaces se abren de este modo:

• _blank - abre el documento en una nueva ventana de navegador
• _self - es la opcion predeterminada y abre el documento en la misma ventana

Los enlaces pueden cambiar de color. Si quieres que el navegador cambie los colores predefinidos, tienes que modificar sus propriedades

                  <style>
                  a:link { <!--el color del link-->
                    color:green;
                    background-color:transparent;
                    text-decoration:none;
                  }

                  a:visited { <!--el color del link visitado-->
                    color:pink;
                    background-color:transparent;
                    text-decoration:none;
                  }

                  a:hover { <!--color del link cundo se pasa el raton por encima-->
                    color:red;
                    background-color:transparent;
                    text-decoration:none;
                  }

                  a:active { <!--color del link activo-->
                    color:yellow;
                    background-color:transparent;
                    text-decoration:none;
                  }
                  </style>
                

---

Para insertar un enlace que permita enviar el correo electronico:

<a href="mailto:costy@costy.com?subject=Asunto Imprtante">CORREO</a>

Para que Google no tenga en cuanta un enlace a la hora de busqueda, hay que especificarle que su araña no debe seguir ese enlace co el atributo "nofollow"

<a rel="nofollow" href="http://www.travel.com">Vuelos baratos</a>

Hay varias formas de enviar un correo:

• <a href="mailto:costy@costy.com?subject=Asunto" target="_blank">Correo</a>

• <form action="mailto:costy@costy.com" method="post" enctype="text/plain" target="_blanck">
                            
  Mensaje:
                            <textarea name="mensaje"></textarea>
                            <br/>
                            <input type="sumbit" value="Submit">
                            </form>
                          

• <?php mail(destinatario, asunto, texto mensaje, informacion adicional?>

Ejercicios resueltos en

Siguiente

Anterior