12.176 cursos gratis
8.741.932 alumnos
Facebook Twitter YouTube
Busca cursos gratis:

Curso de HTML

Autor: Felipe Javier Mckeever
Curso:
9,20/10 (15 opiniones) |33367 alumnos|Fecha publicación: 20/10/2006
Envía un mensaje al autor

Capítulo 20:

 Enlaces en una página Web

Un hiperenlace (enlace) es la referencia a otros documentos html, gráficos, direcciones de E-mail, u objetos (archivos Zip, Word, ect). Estos hiperenlaces son las palabras subrayadas, botones o gráficos a los que al darle Click muestran otra página

El nombre de este lenguaje es HTMl, (Lenguaje creador de Hipertecto), se debe a que la característica más importante de las paginas Web es precisamente el Hiperenlace.

Nota: Se debe de escribir en minúsculas todos los nombres de los archivos a los que se hace referencia en los hiperenlaces, ya que algunos servidores en los que se alojan las páginas no aceptan mayúsculas.

Tip:

El contenido de un sitio se debe de desglosar en subtemas, colocando cada subtema en una página diferente, uniendo todas las páginas por medio de hiperenlaces.

La directiva para un hiperenlace es:

<A HREF="dir-url"> Texto o imagen </A>
En donde:

                         Enlaces en una página Web

Tipos de enlace

Enlace a otra página de nuestro sitio. Enlace a otra sección de la misma página Enlace a un lugar concreto dentro de otra página de nuestro sitio. Enlace a una página externa. Enlace por medio de un gráfico Enlace a una dirección de E-mail, por medio de un gráfico. Enlace a una dirección de E-mail. Enlace a un objeto (documento zip ó Word)

Enlace otra página de nuestro sitio.

Un enlace es la conexión de una pagina a otra. Un sitio es un grupo de paginas conectadas entre si, por hiperenlaces.

Para dar ejemplo a un enlace. Supongamos que en la pagina dos quiera hacer un enlace a la página tres.
Agregue la siguiente línea a la pagina2.html.
<A HREF="pagina3.html">Ejemplo 3 </A>
Grabe la página con el nombre de pagina3-1.html.

Al cargar la página al browser haga Click en el enlace"Ejemplo 3". Si realizo la practica correctamente se debió haber cambiado de la página2 a la pagina3.
Practica: Realice un menú de enlaces en una página de nombre menu.html, escriba una lista de enlaces de las primeras 5 páginas de ejemplo. Al final de cada pagina agregar un enlace a la pagina de menú.

Enlace dentro de la misma página.

En caso que tengamos una página extensa que contenga varios temas, es necesario crear enlaces a los diferentes temas contenidos en la página.
Para realizar esto es necesario marcar el lugar exacto con un nombre de referencia a cada tema o lugar al que se desee saltar

La directiva para enlazar un tema de la misma página es:
<A HREF="#marca">Tema a mostrar" </A>
El signo # le indica al browser que se trata de una dirección interna.
"#marca" es el nombre de la referencia a la que se desee saltar dentro de la página.
El atributo para marcar con un nombre del lugar exacto a es:
<A NAME="marca"> </A>

Vea y analice el ejemplo presentado en la página "enlaces-int.html" enlaces-int.html

Enlace a un lugar exacto dentro de otra página de nuestro sitio.

Podemos tener una combinación en la que nos podemos enlazar una página y a un punto concreto dentro de ella.
Supongamos que deseamos enlazar a la pagina de nombre capitulo2.html y dentro de ella al tema 4.

La directiva es la siguiente:
<A HREF="capitulo2.html#tema4">Tema 4 del capitulo 2 </A>

Dentro de la pagina capitulo2.html debemos de tener marcado el lugar con:
<A NAME="tema4">Tema 4</A>

Vea y analice el ejemplo presentado en la página "menu1.html"
menu1.html

Enlace a una página externa.

Muchas veces nosotros queremos hacer referencia una pagina o sitio de otra persona.
La directiva para hacerlo es muy parecida a las anteriores.
Ejemplo:
<h1> Motores de Busqueda </h1>
<A HREF="http://www.yahoo.com">Yahoo</A>
<A HREF="http://www.altavista.digital.com">Alta Vista</A>
<A HREF="http://www.lycos.com">Lycos</A>

Grabe el ejemplo anterior con el nombre enlaces-ext.html
Vea y analice el ejemplo: enlaces-ext.html

Nuestras novedades en tu e-mail

Escribe tu e-mail:



MailxMail tratará tus datos para realizar acciones promocionales (vía email y/o teléfono).
En la política de privacidad conocerás tu derechos y gestionarás la baja.

Cursos similares a Curso de HTML



  • Vídeo
  • Alumnos
  • Valoración
  • Cursos
1. HTML para principiantes
HTML para principiantes , aprende a hacer tus propias páginas web. Programar en un... [15/09/09]
9.836  
2. HTML. Cómo crear imagen
Sigue este tutorial de informática y aprende a crear banners con links en tu... [31/03/11]
985
Curso con video
3. Introducción al lenguaje HTML
¿Te interesa entrar al mundo de la programación web ? ¡Entonces este curso de... [14/04/11]
739
Curso con video

¿Qué es mailxmail.com?|ISSN: 1699-4914|Ayuda
Publicidad|Condiciones legales de mailxmail