martes, 16 de noviembre de 2010

92 - HTML - Vínculos <a></a>

HTML nos ofrece muchas de las posibilidades de publicación convencionales para la creación de documentos estructurados y textos enriquecidos.

La principal diferencia entre HTML y la mayoría de los otros lenguajes en cuanto al formato de documentos, es sus características para confeccionar documentos interactivos y formatos de hipertexto.

Aunque el “vinculo” es algo simple, es una de las principales características que ha hecho de la Web un éxito.

Un vinculo tiene dos “anclas” (en ingles: “anchors”), dos extremos, y una dirección.

Un vinculo comienza en el ancla de origen y apunta al ancla destino, que puede ser cualquier recurso de la web o de la propia pagina HTML.

Por defecto un vinculo esta asociado a la redirección hacia otro recurso de la web. Normalmente se accede a este recurso buscado, seleccionando el vinculo (ya sea haciendo clic con el ratón, a través del teclado u otros métodos).

Cuando se activa este vinculo aplicando alguno de los métodos listados anteriormente (clic u otro), los usuarios acceden a los recursos a los que apunta el vinculo (ancla de destino).

En resumen podemos decir que un “vinculo”, permite conectar o acceder a otro recurso en cualquier otra web de cualquier parte del mundo o incluso nuestra propia web.

Los vínculos se crean con el elemento <a></a>

El elemento <a> </a> tiene  las siguientes características:

  • Tiene etiqueta de inicio <a> y etiqueta de fin </a>.
  • El contenido del elemento se denomina ancla. (Si se trata de un texto, por defecto viene en color azul).
  • El atributo href indica el ancla de destino, que puede ser cualquier tipo de recurso web.
  • El recurso de destino viene expresado por su URL (Localizador Universal de Recursos).

ejemplo:

<a href="http://bobuu.blogspot.com">Este otro vinculo apunta a la página del blog bobuu</a>

<a  (Etiqueta de inicio)

</a> (Etiqueta de fin)

href (atributo href)

http://bobuu.blogspot.com (URI destino: valor de href)

Este otro vinculo apunta a la página del blog bobuu (texto, imagen, etc)

Código de Ejemplo aplicando las características vistas anteriormente:


<html>
<head>
<title>Ejemplo de vinculo</title>
</head>
<body>
<p>
  ejemplo de vinculo incompleto y completo: <br>
  <a>Aqui un enlace incompleto, porque no tiene dirección de destino</a>. <br>
  <a href="http://bobuu.blogspot.com">Este otro vinculo apunta a la página del blog bobuu</a>.
</p>
</body>
</html>


Representación en el navegador:

ejemplo de vinculo incompleto y completo:
Aquí un enlace incompleto, porque no tiene dirección de destino.
Este otro vinculo apunta a la página del blog bobuu.

Temas anteriores de curso HTML gratis

90 - HTML - Tablas - Agrupamientos lógicos “thead, tfoot y tbody”
89 - HTML - Tablas - Expansión de celdas “colspan y rowspan”
88 - HTML - Tablas - Alineación de tablas “left, center, right”

mas ... acceder al índice de temas ...


Otros Links:
Piso en Garrucha - Almería € 110.000
Ático en Vera Playa - Almería € 303.500
Ático en Vera Playa - Almería € 300 (Alq.Anual)

No hay comentarios:

Publicar un comentario

Gracias por tu comentario, en un maximo de 48 horas sera publicado.