CURSO BÁSlCO DE HTML

3- Hiperenlaces

Un hipertexto son frases o palabras, resaltadas, que al pincharser con el ratón, provocan que se carge un nuevo documento en el navegador

URL: Uniform Resource Locator ( Localizador uniforme de recursos )
Una url se compone de protocolo://servidor/directorio

Ej: http://servidorprueba.es/MyprimeraWeb.html


El tag para resaltar un hipertexto es <A> y sus atributos son HREF: la dirección que deberá cargar el navegador. y TARGET: Ventana de destino donde se va a cargar la nueva página. Los valores de TARGET, pueden ser  _blank. _top _self, entre otros.

Si queremos dirigir nuestra página a un servidor externo, debemos incluir la ruta completa, por ej: http://www.design-sensation.almaweb.es/index.html

Ej:

<A HREF = http://www.design-sensation.almaweb.es/index.html>Design Sensation</A>

Si por el contrario queremos redirigir hacia una página interna, bastará con incluir la ruta, por ej:

<A HREF = Design-Sensation/index.html>Design Sensation</A>

Para subir a un directorio superior a donde nos encontramos pondremos ../

Ej:

<A HREF = ../Design-Sensation/index.html>Design Sensation</A>

ENLAZAR DENTRO DE UNA MISMA PÁGINA: indicando el nombre (punto interno) donde queremos que vaya, utiliza el atributo NAME, y para identificarlo usaremos el simbolo #, lo hariamos así:

<A NAME = "nombre">
{texto}
</A>

Ej:

<HTML>
<HEAD><TITLE>Ejemplo con estilos de texto</TITLE>
</HEAD>
<BODY>
<font face="verdana">
<BR>Hola esto es una prueba de hiperenlaces
<BR>en una misma página
<BR>para ello haz <A href=#abajo>clik aquí</A>
<BR>y te enviara a abajo del todo de la página.
<BR>
             (repetimos el <BR> x unas 60 veces, para así ver bien el efecto del ejercicio)
<BR>
<A name="abajo">Ahora estás aquí<A/>
<BR>
             (repetimos el <BR> x unas 30 veces, para así ver bien el efecto del ejercicio)
<BR>
</font>
</BODY>
</HTML>

VER EJEMPLO EN LA WEB AQUI

Enlazar a un correo:
Usaremos un nuevo formato de URL: "mailto"

ej:

<A HREF = mailto:lawebdealma@almweb.es">Mandame un mail, y con mucho gusto me pondré en contacto contigo</A>


Ver tambien: RUTA RELATIVA Y RUTA ABSOLUTA

Ejemplo

Ir al menú de tutoriales de HTML

Todos los tutoriales son de mi completa autoría,

cualquier parecido con otros, es pura coincidencia.

Queda totalmente prohibida su reproduccion, total o parcial.

Si quieres enlazar mis tutoriales, no hay problema,

solo mandame un e-mail, para comunicarmelo.

Cualquier duda o sugerencia:

Tutoriales registrados

 

Alma Web

Design Sensation by almaweb.es

Foro Design Sensation