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 vínculo tiene dos “anclas” (en inglés: “anchors”), dos extremos, y una dirección.
Un vínculo comienza en el ancla de origen y apunta al ancla destino, que puede ser cualquier recurso de la web o de la propia página HTML.
Por defecto un vínculo está asociado a la redirección hacia otro recurso de la web. Normalmente se accede a este recurso buscado, seleccionando el vínculo (ya sea haciendo clic con el ratón, a través del teclado u otros métodos).
Cuando se activa este vínculo aplicando alguno de los métodos listados anteriormente (clic u otro), los usuarios acceden a los recursos a los que apunta el vínculo (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>
Explicación del ejemplo:
<a : (Etiqueta de inicio)
</a> : (Etiqueta de fin)
href : (atributo href)
http://bobuu.blogspot.com : (URI destino: valor de href)
Este otro vínculo 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>
Programa 75
Ilustración 10 - Vinculos.
No hay comentarios:
Publicar un comentario