Como hacer una pagina web y ganar dinero
Creada para aprender lo que mas nesesitas porque la calidad es mejor que la cantidad.
Blog

Crear un enlace (link) en una pagina html

Tags: curso, html, enlace, link, correo
publicado el 2010-06-25   leido 4154 leídas

¿Cómo crear un enlace?


Para crear enlaces se usa lo que siempre usamos al codificar HTML: un elemento. Un sencillo elemento con un atributo y podrás enlazar con cualquier cosa y con todo. Vas a ver ahora mismo un ejemplo de cómo se codificaría un enlace a paginaweb2.com:

Ejemplo 1:
<a href="http://paginaweb2.com">Desde aquí enlazamos con paginaweb2.com</a> 
que se visualizará así en el navegador:
Desde aquí enlazamos con paginaweb2.com

En el ejemplo anterior el atributo href contiene el valor "http://paginaweb2.com", que es la dirección completa de paginaweb2.com y que se denomina URL (Uniform Resource Locator; en español, localizador de recursos uniforme). Ten en cuenta que "http://" siempre debe incluirse en las URLs. El texto "Desde aquí enlazamos con paginaweb2.com" es el que aparece en el navegador como enlace. Recuerda cerrar el elemento con la etiqueta de cierre </a>.

¿Y se pueden crear enclaces entre mis propias páginas?


Si quieres crear enlaces entre las páginas de un mismo sitio web, no es necesario incluir la dirección completa (el URL) del documento. Por ejemplo, si has creado dos páginas (llamémoslas pagina1.htm y pagina2.htm) y las has guardado en la misma carpeta, puedes enlazar una página con la otra con sólo escribir el nombre del fichero en el enlace. Si este es el caso, enlazar la pagina1.htm con la pagina2.htm tendría el siguiente aspecto:

Ejemplo 2:
<a href="pagina2.htm">Haz clic para ir a la página 2</a> 
Si la página 2 estuviera en una subcarpeta (llamada "subcarpeta"), el enlace tendría el siguiente aspecto:

Ejemplo 3:

<a href="subcarpeta/pagina2.htm">Haz clic para ir a la página 2</a> 
En sentido inverso, enlazar desde la página 2 (en la subcarpeta) a la página 1 se haría usando con el siguiente código:

Ejemplo 4:

<a href="../pagina1.htm">Enlace a la pagina1</a> 
Los dos puntos con la barra, "../", hacen referencia a una carpeta que se encuentra un nivel por encima de donde se encuentra el fichero desde el que se crea el enlace. Siguiendo este mismo sistema, se puede señalar a dos (o más) carpetas en niveles superiores escribiendo "../../".

¿Has captado cómo funciona el sistema? De forma alternativa, siempre puedes escribir la dirección completa del fichero (el URL).

¿Cómo crear un enlace de email?


También puedes crear enlaces a una dirección de correo electrónico. Se hace casi igual que cuando se crea un enlace a un documento:

Ejemplo 6:
<a href="mailto:[email protected]">Envíe un mensaje a nadie en paginaweb2.com</a> 
que se visualizará en el navegador así:

Envíe un mensaje a nadie en paginaweb2.com

La única diferencia entre un enlace a una dirección de correo electrónico y un enlace a un fichero consiste en que en lugar de escribir la dirección del documento, se escribe: mailto: seguido de dicha dirección de correo electrónico. Al hacer clic sobre el enlace se abre el programa de correo por defecto con un nuevo mensaje en blanco dirigido a la dirección de correo especificada. Téngase en cuenta que esta fúnción sólo funcionará si tienes instalado un programa de correo electrónico en tu ordenador. ¡Pruébalo!

Algunos atributos que deberias conocer


Para crear un enlace, siempre tienes que usar el atributo href. Además, también puedes poner un título (atributo title) al enlace:

Ejemplo 7:
<a href="http://www.paginaweb2.com/" 
title="Visita paginaweb2.com y aprende HTML">paginaweb2.com</a>
que se verá así en el navegador:

paginaweb2.com

El atributo title se usa para incluir una breve descripción del enlace. Si se coloca el cursor sobre el enlace -sin pulsarlo- aparecerá el texto "Visita paginaweb2.com y aprende HTML".

Te gust?

Insertando parrafos y saltos de linea

Insertar una imagen con Html

 
Información
Christian Valencia publicado porPor: Ero-Fierce

Suscribete
Recibe los ultimos articulos en tu email:


Ultimos Artculos
Hacer SEO en el 2016 - 2017
Habilitar sonido al pulsar las teclas Bloq Mayús, Bloq Num y Bloq Des
10 trucos viejos, seo que nunca te dijeron
15 Efectos carrusel como pagina de libro animado con ejemplos
No se pudo generar una instancia de usuario de SQL Server debido a un error (.mdf
Solucion Error 26. No se encontró el servidor o éste no estaba accesible. Sql

Todos los tutoriales

Hacer una web paso a paso Php y MySQL Javascript
Posicionamiento Web SEO Cómo ganar dinero con tu web Herramientas y Programas Web
Maquetación con CSS Hosting y Dominios MySQL y Phpmyadmin
Ajax UML: Analisis y Diseño Programacion Orientada a Objetos
Java
 
Copyright © 2009 - pagina Web 2 - Todos los derechos Reservados