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: 22-08-2017.

Visitas este mes: 183

Visitas el mes pasado: 248

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 (I)

3.1 Enlaces externos.

html

Tipos de enlaces

Los enlaces permiten conectar entre sí las páginas de un sitio web, así como con otros sitios Web. Éstos permiten que el navegante pueda saltar de una página a otra y de un sitio a otro rápidamente, con sólo hacer un clic.

Los enlaces suelen detectarse fácilmente. Basta normalmente con deslizar el puntero del ratón sobre las imágenes o el texto que contiene un enlace y la forma del puntero cambia, transformándose por regla general en una mano con un dedo señalador. Además suelen ir subrayados o destacados en otro color, para que el usuario no tenga dificultad en reconocerlos.

Para crear enlaces se utiliza la etiqueta <a> ...</a>, la cual lleva en la mayoría de los casos el atributo href="..." en el cual introduciremos el destino del enlace. La sintaxis general de un enlace será por lo tanto:

<a href="destino">texto_del_enlace</a>

el "destino" o "ruta" es el sitio a donde apunta el enlace y puede ser una página, un correo, o un archivo. El "texto_del_enlace" es el texto en el que debemos hacer clic para que el enlace funcione, aunque también puede ser una imagen u otro elemento.

En función de su destino o lugar al que nos dirigen, los enlaces se clasifican en:

Iremos viendo todos estos tipos de enlaces a lo largo de este tema. Empezaremos por los enlaces externos.


Enlaces externos

También llamados enlaces remotos, son los enlaces que se dirigen hacia páginas que se encuentran fuera de nuestro sitio web, es decir, cualquier otra página que no forma parte de nuestro sitio.

En este caso el destino será el nombre completo o URL de la página tal como e escribe para verlo en Internet (lo que escribimos en la ventana superior del navegador). Éste lo escribiremos como el valor del atributo href. Ejemplo:

Escribimos en código HTML:

<a href="http://google.com">Enlace a Google </a>

En el navegador veremos:

Enlace a google

En los enlaces externos debemos escribir siempre en la "ruta" el protocolo "http://" (o https:// para páginas seguras) con el que empiezan todas las direcciones en la web. Escribir la dirección correctamente es muy importante, ya que el más minimo fallo nos daría un mensaje de error (página no encontrada).

En la mayoría de navegadores los enlaces se muestran por defecto en color azul y subrayados. Podemos cambiar este comportamiento por defecto mediante código CSS (más adelante trataremos este tema).

La URL o nombre de la página es único para cada página, se debe escribir completo dentro del valor de la etiqueta href y consta de las siguientes partes:

En todo caso debemos indicar el protocolo y el servidor. Si no indicamos la ruta se nos abrirá la página principal del sitio Web indicado (llamada index.html). Si especificamos la ruta podemos acceder a cualquiera de las páginas de una Web, sin necesidad de abrir primero su página principal.

Una vez hemos abierto una página vemos su URL (dirección o ruta) escrita en la barra superior del navegador (barra de navegación), con lo cual si queremos crear un enlace hacia una página externa, el método más simple es abrir esa página en el navegador y usar el metodo de copiar (desde la barra del navegador) y pegar (en el editor de textos). Recuerda que la dirección debe estar completa, (con el protocolo http:// incluido).

Cuando se quiere enlazar una página que no es la principal de un sitio Web, además del protocolo y el servidor, debemos escribir la ruta, o camino que hay que recorrer para llegar a esa página, para acabar escribiendo el nombre de la página con su extensión. ejemplo:

<a href="http://www.seg-social.es/imserso/envejecimiento/may_vacprog0809.html"> viajes del imserso</a>

En este enlace la ruta es:

/imserso/envejecimiento/may_vacprog0809.html

En la ruta se indican las carpetas que hay que abrir para llegar hasta el archivo donde está la página.




En la siguiente página veremos los enlaces locales.

Enlaces locales.







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