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.