Creación de Vínculos
Temario:
- Código para añadir o crear Vínculos (links)
- Pasos para la creación de un Vínculo
Los enlaces son más de lo que parecen. Ellos muestran el texto en la página, pero cuando el usuario hace clic en el texto, el navegador carga una página diferente en el Internet.
Código para añadir o crear Vínculos (links)
<!DOCTYPE HTML><html lang = "es"><head><title>Vinculos || links</title><meta charset = "utf-8" /></head><body><h1>Crear Vínculos</h1><h2>Vínculo Relativo a una Imagen</h2><p>Este es el texto que vincula con la imagen de Programando la Net al dar <a href = "img/programandoLaNet.jpg">clic aqui</a></p><h2>Vínculo Absoluto a una URL</h2><p>Este vínculo, los envia a la <a href = "http://www.facebook.com/programandolanet">Página de Facebook de Programando la Net</a></p></body>
</html>
Para este ejemplo, necesita tener una imagen contenida en una carpeta llamada (img) dentro del directorio donde se encuentra su documento html.
En el caso del segundo Vínculo, los dirige a la Página de Facebook de Programando la Net, de paso le ponen Me Gusta
Pasos para la creación de un Vínculo
1. Comience con una página normal. Los enlaces, generalmente son integrados directamente en su página.
2. Utilice la etiqueta <a> para indicar un enlace. La "A" proviene de su definición en ingles anchor que significa ancla.
3. Utilizar el atributo href (hypertext reference). El href puede ser relativo o absoluto
3.1 Relativa: El href puede ser un simple nombre.
- Si se vincula a un archivo que esté en el mismo directorio que la página Web, usted puede simplemente indicar el nombre del archivo.
- Esto se conoce como una referencia relativa debido a que el navegador asume que el archivo vinculado está en el directorio actual.
- En el primer ejemplo, el vinculo de la imagen apunta hacia una carpeta llamada (img), que esta dentro del directorio y después a la imagen llamada (programandoLaNet.jpg).
3.2 Absoluto: El href También puede ser una dirección Web completa.
- Si lo prefiere, usted puede dar toda la dirección de un sitio Web.
- Esto se conoce como referencia absoluta, ya que explica cómo encontrar el archivo, independientemente de la ubicación de la página actual.
4. Coloque el texto que será visible en el cuerpo entre la etiqueta <a> y </ a>. Cualquier texto que aparece entre las etiquetas <a> y </ a> etiquetas se mostrarán en la pantalla en un formato predefinido que lo indica como un enlace.
El formato por defecto de un enlace es texto azul subrayado, pero usted encontrar la manera de cambiar eso haciendo uso de CSS3 posteriormente.
No hay comentarios:
Publicar un comentario