Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 2

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 2

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 4

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 4

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/administrator/manifests/packages/include.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 14

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/administrator/manifests/packages/include.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 14

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/templates/virtualnautaejemplo/classes/header.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 16

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/templates/virtualnautaejemplo/classes/header.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 16

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/includes/framework.php on line 18

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/libraries/phputf8/view.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/includes/framework.php on line 18

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/components/com_search/views/object.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 6

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/components/com_search/views/object.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 6

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/administrator/language/en-GB/footer.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 8

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/administrator/language/en-GB/footer.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 8

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 10

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 10

Warning: include(/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php) [function.include]: failed to open stream: No such file or directory in /home/content/20/9214920/html/joomla/libraries/import.php on line 12

Warning: include() [function.include]: Failed opening '/var/chroot/home/content/20/9214920/html/joomla/plugins/search/weblinks/page.php' for inclusion (include_path='.:/usr/local/php5_3/lib/php') in /home/content/20/9214920/html/joomla/libraries/import.php on line 12

Warning: session_start() [function.session-start]: Cannot send session cookie - headers already sent by (output started at /home/content/20/9214920/html/joomla/includes/framework.php:2) in /home/content/20/9214920/html/joomla/libraries/joomla/session/session.php on line 532

Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at /home/content/20/9214920/html/joomla/includes/framework.php:2) in /home/content/20/9214920/html/joomla/libraries/joomla/session/session.php on line 532
Enlaces Vínculos Links HTML - Virtualnauta.com - Tutorial HTML

Enlaces en HTML

La propiedad más importante de Internet, es la posibilidad de conectarse los unos con los otros.


Los Enlaces o Links

Los enlaces o links(en Inglés) nos permiten conectarnos con otros documentos:

  • una imagen
  • un video
  • un archivo de sonido
  • sitios en la web(otra página web)
  • mandar un email

Para ello debemos usar la etiqueta <a> que proviene de la primera letra de la palabra anchor(ancla).

La etiqueta <a> tiene como cierre </a>.


Sintaxis

<a atributo="valor">Texto del enlace</a>

Ejemplo

Vamos a crear un enlace hacia la home de Virtualnauta.com

Código
<body>
<a href="/http://www.virtualnauta.com/">La home de Virtualnauta</a>
</body>
Resultado
La home de Virtualnauta

EL atributo target

Se utiliza para definir donde queremos que se abra el documento al presionar sobre el enlace.

Ejemplo

Vamos a abrir el documento en una nueva página del navegador.

Código
<body>
<a href="http://www.vitualnauta.com/" target="_blank">La home de Virtualnauta</a>
</body>
Resultado
La home de Virtualnauta

EL atributo name

Este atributo se usa para definir una determinada ubicación dentro de la página.
Supongamos que definimos un destino de vínculo llamado "destino-uno" en el archivo "uno.html".

Sintaxis

...texto antes del destino de vínculo...
<a name="destino-uno">Capítulo 1</a> <!-- Definimos un destino en el Capítulo 1 -->
...texto después del destino de vínculo...

Y en otra parte de la página, del mismo sitio o de otro sitio, creamos un enlace a Capítulo 1. Para ello utilizamos el signo # seguido del nombre del enlace.

<a href="http://www.misitio.com/uno.html#destino-uno">Ir al Capítulo 1</a>

O en caso que el enlace esté definido en el mismo documento:

<a href="/#destino-uno">Ir al Capítulo 1</a>

Creando un enlace a un email

Se utiliza en caso que queramos que un enlace mande un email.
En el momento que presionamos dicho link se abrirá automaticamente el programa de email que tenemos definido por defecto.

Ejemplo

Código
<body>
<a href="/mailto: Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo. ">Mandar email</a>
</body>
Resultado
Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo.

mailto: nos indica la dirección email a la que va dirigida, en este ejemplo: Esta dirección de correo electrónico está siendo protegida contra los robots de spam. Necesita tener JavaScript habilitado para poder verlo. .


Un enlace a partir de una imagen

Muchas veces queremos usar una imagen como enlace a otro documento. Para ello debemos colocar la etiqueta <img> entre las etiquetas <a> y </a> en lugar del texto.

Ejemplo

Código
<body>
<a href="http://www.google.com/"><img src="/../graficos/google.gif"></a>
</body>
Resultado
Logo de Google

Etiquetas y atributos de los enlaces

EtiquetasAtributosValorDescripciónEj.
<a> Define un vínculo
href URL Dirección URL a conectar. Ejemplo del uso del atributo href
hreflang código de lenguaje Especifica el lenguaje de la URL. Ejemplo para especificar el código de lenguaje a utilizar
name nombre de sección Para crear un marcapáginas dentro de un documento. Ejemplo para definir un enlace a una ubicación determinada de la página
rel alternate Especifica la relación entre el documento actual y el destino del vínculo.
designates
stylesheet
start
next Ejemplo del uso del atributo rel con el valor next
prev Ejemplo del uso del atributo rel con el valor prev
contents
index
glossary
copyright
chapter
section
subsection
apendix
help
bookmark
nofollow Ejemplo del uso del atributo rel con el valor nofollow
rev alternate Especifica la relación entre el destino del vínculo y el documento actual(vínculo inverso).
designates
stylesheet
start
next
prev
contents
index
glossary
copyright
chapter
section
subsection
apendix
help
bookmark
coords coordenadas Especifica las coordenadas de la superficie que contiene el enlace.
shape Define la forma del área.
rect Usamos coords="izquierda, arriba, derecha, abajo"
rectangle
circ Usamos coords="centro x, centro y, radio"
circle
poly Usamos coords="x1, y1, x2, y2, .., xn, yn"
polygon
target Indica donde abrir el URL.
_blank El URL se abrirá en una nueva ventana. Ejemplo que muestra como abrir un enlace en una nueva ventana
_parent El URL se abrirá en el frameset padre. Ejemplo que muestra como abrir un enlace en un frameset padre
_self El URL se abrirá en el mismo frame donde fue apretado. Ejemplo que muestra como abrir un enlace en el mismo frame donde fue apretado
_top El URL se abriró en una ventana de tamaño completo. Ejemplo que muestra como abrir un enlace en una ventana de tamaסo completo
type tipo de contenido Especifica el tipo de contenido a conectar.

Atributos estándard

id, class, title, style, dir, lang, tabindex, accesskey

Si desea una descripción completa, diríjase a: atributos estándard.

Eventos intrínsecos

onfocus, onblur, onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup

Si desea una descripción completa, diríjase a: eventos intrínsecos.



<<< Caracteres especiales en HTML Los frames en HTML >>>

En la Web