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>
</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

Si te gusta esta entrada, compártela!
One comment on “Hiperenlaces

Deja un comentario