sábado, 3 de mayo de 2014

Hipervinculos en HTML

Hola que tal programadores!!
El dia de hoy vamos a ver un tema super sencillo que son los hipervinculos.

Recuerden que al final pueden descargar la sesion del tema que se este viendo.

Para comenzar vamos a ver que etiquetas son las necesarias y que atributos ocuparemos para crear un hipervinculo: 

<a href="nombre.extension">Este es un hipervinculo</a>

El atributo href Nos sirve para redireccionar ese texto hacia alguna otra pagina o direccion, podemos poner direcciones como "carpeta/nombre.extension" o bien "http://include-import.blogspot.mx" 

Otros atributo que podemos ocupar es target en el que podemos ocupar los siguientes valores:



  • _blank: Este valor te abre una nueva pestaña 
  • _parent: Te muestra el enlace en la misma pagina
  • _self: Es la forma predeterminada, es decir te abre el enlace en la misma ventana.
  • _ top: Abre el enlace en la ventana completa del navegador 


Un ejemplo de como se ponen los valores anteriores es:
  • <a href="http://include-import.blogspot.mx" target="_self">Este es un hipervinculo </a>


Aveces queremos ponerle color al hipervinculo. Los atributos siguientes iran dentro de la etiqueta <body> ...</body>
  • Link : Este atributo mostrara un color a un enlace que no se ha visitado.
  • alink: Aqui mostrara un color cuando el link esta activo, es decir que acaba de ser pulsado
  • vlink: Muestra el color de enlaces que ya fueron visitados
La forma de colocar los atributos anteriores seria la siguiente:

<body link="red" alink="green" vlink="orange">
   ...
  ....
.....
</body>

Un ejemplo juntando los atributos y valores anteriores seria el siguiente: 


Si quieren descargar el codigo den click en la siguiente imagen:





Hemos llegado al final de esta entrada, Se que fue muy cortita, pero creo que es información indispensable.


SI TIENEN ALGUNA DUDA COMENTEN !!
Siganos en FACEBOOK y TWITTER para que esten pendientes de nuestros proximos temas
Hasta la proxima !! B-)






















No hay comentarios.:

Publicar un comentario

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *