Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

Aprende Web

Crea y diseña tus sitios en la Web.

Manual de HTML

HTML: lenguaje básico para crear páginas web


Y ahora tambien aprende a programar en C++ con Aprende Web C++

logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net





Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 512

Visitas el mes pasado: 374

logo
WEB-GRAFÍA

Mi agradecimiento a los siguientes sitios en los que me he basado para la elaboración de este manual.:

Desarrollo Web: manual de HTML
Desarrollo Web, por Rubén Álvarez
Cómo crear tu Web: curso de HTML
ComoCrearTuWeb, Por Georgens
Libros Web: introducción a XHTML
Libros web, por Javier Eguíluz Pérez
Curso de HTML: AulaFácil
www.aulafacil.com
Curso de html: Programación Web
www.programacionweb.net
WebEstilo: manual de html
www.webestilo.com
W3 schools; HTML Tutorial
www.w3schools.com
Tutorial html
Juan José López García
Universidad de Murcia
Introducción al lenguaje html
wikilearning

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




3. Enlaces (III)

3.3 Enlaces internos

html

Definición

Se denominan enlaces internos aquellos que llevan a otra parte de la misma página. Para ello la página debe ser lo bastante larga para que no quepa entera en la pantalla, y haya que acceder a gran parte de ella utilizando la barra de desplazamiento, generalmente la vertical.

En este caso se pueden colocar unos enlaces, generalmente al principio de la página, que pulsándolos nos lleven a las diferentes partes de la página.

Aunque estos enlaces suelen colocarse al principio de la página, en realidad podemos colocarlos en cualquier sitio, y hacer que apunten a cualquier otro lugar de la página. el punto de la página al que apuntan aparecerá lo más cerca posible de la esquina superior izquierda de la pantalla

Los enlaces internos constan de dos partes: ya que al estar los dos en la misma página, hay que indicar no solo el origen, sino tambien el destino.


Origen y destino

El punto de origen es donde pulsaremos para activar el enlace. ahi debemos colocar la etiqueta de origen que será la siguiente:

<a href="#destino">Texto_del_enlace</a>

La etiqueta que usamos es la misma que para un enlace normal, pero en el valor del atributo href escribiremos un nombre para el destino, siempre precedido del signo # (almohadilla).

este nombre que le hemos dado al destino, será la referencia para llegar hasta él, por lo tanto deberá estar en la etiqueta que marque el destino.

El punto de destino es donde queremos que nos envie el enlace: ahí debemos colocar la etiqueta de destino, que será la siguiente:

<a name="destino">Texto_del_destino</a>

Aquí la etiqueta <a> no lleva el atributo href ya que no es de origen, sin embargo lleva el atributo name que es el que indica dónde está el destino. El valor del atributo name debe ser el mismo que el valor del atributo href en la etiqueta de origen, pero sin la almohadilla ( # ). Veamos un ejemplo del código:

Origen: <a href="#apartado3">Ir al apartado 3</a>

Destino: <a name="apartado3">Apartado 3</a>

El texto de la etiqueta de destino puede ser cualquiera, y al contrario que en la etiqueta de origen, éste no lleva ninguna marca ni cambio de estilo. (el texto no se distingue del resto, no aparece ni en diferente color ni subrayado). Normalmente los enlaces de destino se suelen poner en títulos o subtítulos de secciones, o en la primera línea de éstos.

Para ver una página de ejemplo con enlaces internos pulsa en la siguiente:

Página de ejemplo



Acceso a enlaces internos desde otra pagina.

Podemos acceder también al destino de un enlace interno desde otra página, para ello después de escribir la ruta o la URL de la página en el enlace, escribiremos el signo # (almohadilla) y el valor del atributo name que tiene en la página de destino.

Esto es válido tanto para enlaces locales como para enlaces externos. veamos aquí algunos ejemplos:

<a href="html3_2.php#rutas_absolutas"> Rutas absolutas </a>

Desde esta página en la que estamos podemos acceder a la página anterior e ir directamente a la sección indicada, ya que ahí hemos puesto un enlace de destino con el atributo "name" para identificarlo .El enlace quedará así:

rutas absolutas

Como ya hemos dicho en la página anterior hemos puesto el enlace de destino de la siguiente forma:

<h4><a name="rutas_absolutas"> Rutas absolutas </a> </h4>

Veamos ahora un ejemplo donde escribimos a un enlace interno de una página externa a la nuestra. El enlace quedará así:

<a href="http://es.wikipedia.org/wiki/Colores_web#Tabla_de_colores"> Tabla de colores en Wikipedia</a>

Después de escribir el enlace para que nos lleve a esa página, escribimos el símbolo almohadilla (#), y el nombre de la sección, tal como está en la etiqueta de destino. El enlace quedará así:

Tabla de colores en Wikipedia




En la siguiente página veremos los enlaces con direcciones de correos y de descarga de archivos, y también cómo abrir un enlace en una pestaña aparte

Otros enlaces.







manual de HTML

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com