Page 22 - MANUAL BÁSICO DE CREACIÓN DE PÁGINAS WEB
P. 22

Area:
                                                                                                Diseño WEB


                                                                                              Página 21 de 53
                                                 Revista: El Diseño Tecno-Electronico

                3.  Enlaces a otras zonas de otras páginas.




                Enlaces a otras zonas de la misma página



                A veces, en el caso de documentos (o páginas) muy extensos, nos puede interesar
                dar un salto desde una posición a otra determinada.

                Así es posible hacer enlaces que lleven al usuario de una parte del documento a
                otra dentro del mismo documento con solo hacer click. A este tipo de enlaces los
                llamaremos enlaces locales.

                Estos enlaces constan de dos objetos:

                       •  El enlace:
                       Corresponde a la zona en la cual el usuario hará click, para viajar a otra parte
                       del documento.
                       Esta  zona  aparece  subrayada  en  el  documento.  Un  enlace  local  se  crea
                       delimitando la zona con el comando <A href="#nombre"> ... </A>, en que
                       nombre es la etiqueta que se está referenciando.

                       •  El nombre enlazado o referenciado
                       Corresponde a la zona del documento a la cual el usuario llegará al hacer
                       click en la referencia correspondiente. Un nombre local se crea delimitando
                       la zona con el comando <A NAME="nombre"> ... </A>, en que nombre es la
                       etiqueta que asignamos a esta zona.

                Ejemplo práctico nº 3 de enlaces locales

                <HTML>
                <HEAD>
                <TITLE>Ejemplo 3 - Enlaces locales</TITLE>
                </HEAD>

                <BODY>
                <H2>Enlaces locales</H2>
                <H3><A NAME="indice">Indice</A></H3>
                <UL>
                       <LI><A HREF="#uno">Sección uno</A>
                       <LI><A HREF="#dos">Sección dos</A>
                       <LI><A HREF="#tres">Sección tres</A>
                       <LI><A HREF="#cuatro">Sección cuatro</A>
                       <LI><A HREF="#cinco">Sección cinco</A>
   17   18   19   20   21   22   23   24   25   26   27