|
De cara al usuario, estos enlaces aparecen como un texto subrayado de distinto color. Tambien pueden ser imagenes con un borde de distinto color o no, en cualquier caso cuando el puntero del ratón pasa por ellos adquiere distinta forma de lo habitual.
Podemos considerar tres tipos diferentes de enlaces o referencias:
--Enlaces Locales.
--Enlaces internos en un documento.
--Enlaces a documentos HTML externos.
ENLACES LOCALES.
Vamos a ver la forma de incluir enlaces locales, estos enlaces son ficheros almacenados en nuestro servidor y en directorios muy cercanos al del documento que contiene el enlace.
La etiqueta para establecer un enlace en general es <A> y su etiqueta de cierre es </A>
A la que ańadiremos el comando:
<href="DIRECCION DE LA PAGINA DE ENLACE">
La forma completa de esta directiva es:
<A HREF="hhhhhhhh.tttt">Texto enlace</A>
Como siempre vamos a efectuar unos cambios en nuestra página de prueba, incluyendo una referencia a nuestra segunda página:
(asegurate de abrir la pagina correcta que tienes en "NOTEPAD"
Y agregale exactamente como esta nada mas lo que esta de color.)
|
<html>
<head>
<title> primera página web </title > </head >
<body BACKGROUND="imagen.gif" BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#FF00FF" ALINK="#FF0000" >
<center > < h2 > Mi Primera Página Web </h2 > < center >
<p ><b > Esta es mi primera página Web < /b >
<p>Aquí vamos a añadir una imagen</p>:
<center> <img src="una imagen .gif" alt="nombre de la imagen" width="100" height="120" border="5" align="top"></center>
<a ref="ejemplo_pag_4.html">quieres ver como iria tu pagina
has click aqui</a>
< /body >
< html >
|
quieres ver como deveria de estar tu pagina
has click aqui
ENLACES INTERNOS EN UN A PAGINA
Cuando un documento es muy largo o bien dividido en secciones claramente identificables, es bastante habitual el insertar referencias a distintos puntos de dicho documento.
En este caso vamos a ver como queda el comando para la nueva aplicación, recordemos que el formato de enlace era:
<A HREF="hhhhhhhh.tttt">Texto enlace</A>
Sustituiremos "hhhhhhhh.tttt" por "#marca" donde marca puede ser la palabra que deseemos. Lo veremos más claro con un ejemplo, supongamos que queremos poner un enlace para ir al comienzo del documento, la etiqueta entonces quedará de la siguiente forma:
<A HREF="#arriba">Ir arriba</A>
Y en el principio del documento debemos poner la siguiente etiqueta:
<A NAME="arriba"></A>
pero si estamos arriba y queremos ir abajo entonces la etiqueta quedara asi.
<a href="#abajo"> ir abajo</a>
Y abajo pondriamos la siguiente etiqueta.
<A NAME="abajo"></A>
y si queremos ir en medio de la pagina nada mas cambiamos "#marca" por medio.
Es decir, la primera etiqueta sería la orden de ir a un sitio determinado y la segunda es el sitio.
Es posible combinar los dos metodos que llevamos estudiados hasta aquí. Supongamos que de nuestra página1 queremos saltar al medio de nuestra página 2, entonces utilizaremos la siguiente etiqueta:
<A HREF="pagina2.html#medio">Mi segunda página</A>
y en el medio de la página 2 habremos puesto la siguiente etiqueta:
<A NAME="medio"></A>
<ENLACES EXTERNOS>
Si queremos enlazar con una página que este fuera de nuestro sistema, debemos dar la dirección completa o URL.
Supongamos que queremos hacer un enlace con Microsoft, su URL es http://www.microsoft.com entonces la etiqueta que debemos poner será la siguiente:
<A HREF="http://www.microsoft.com">Enlace con MICROSOFT</A> Enlace con MICROSOFT
Es importante en estos enlaces respetar como estan escritos, ya que los servidores diferencian entre mayúsculas y minúsculas.
Existe un enlace más, que es el modo de que te puedan enviar un mensaje a tu dirección de correo, con el siguiente formato:
<A HREF="mailto:direccion@decorreo">Texto Enlace "como escribeme"</A>
Deja Aqui Tus Comentarios
y asi solo es cuestion de practica.
Siguiente Pagina
|
