Informática-María García

[2016-09-08]

CLASE 24:

HIPERVÍNCULOS Y ANCLAS:

Etiquetas:

<a> : Vínculos,hiperenlaces y todo lo que este relacionado a mostrar la Información.

En este tipo de etiquetas podemos colocar tipos de archivo como:

url: Web, Sitio local
zip,rar,doc-docx
xls-xlsx
ppt-pptx
xpdf
Imagenes: JPG , jpeg, gif, png.

Self: El enlace abre en la misma página Web.
Blank: El enlace abre en una Página diferente, crea una Nueva pestaña.

NOTA: Es necesario que al momento de insertar un hepervínculo o un enlace se coloque el http:// para que este pueda abrir sin ninguna dificultad o cargue en las mejores condiciones.

http:// : Protocolo de Comunicaciones de Hipertexto.

También podemos insertar una imagen como hipervinculo ,para ayudarnos y facilitar la búsqueda del usuario podemos agregar:

title: Es una ayuda rápida y muestra según lo que coloque el programador ya que puede ser que puede encontrar oprimiendo la imagén o el texto que el desee mostrar al Usuario.

ANCLAS:

Es la Navegación dentro del mismo Documento, portada del documento,tabla de Contenido, la información se mueve dentro del mismo documento.

Pasos para crear un Ancla:

1. Se Define: (Letras o números sin caracteres especiales) se utilizan las minúsculas sin espacios en Blanco.

Al lugar de llegada.

Ejemplo: <a name="uno"></a> : Así se define un Ancla.

2. Llamarlas:

Ejemplo: <a href="#uno">Uno</a>

Para llamarla con una condición del Símbolo # que significa: el mismo o la misma página en Anclas.

Ejercicio de Clase:

<html>
<head></head>
<body><h3>anclas</h3>

<a name="arriba"></a>
<a href="#uno">Uno</a> 
<a href="#dos">Dos</a> 
<a href="#tres">Tres</a> 
<a href="#cuatro">Cuatro</a>

 

Uno<a name="uno"></a><a href="#arriba">(regresar)</a>

 

Dos<a name="dos"></a><a href="#arriba">(regresar)</a>

 

Tres<a name="tres"></a><a href="#arriba">(regresar)</a>

 

Cuatro<a name="cuatro"></a><a href="#arriba">(regresar)</a>

 
 

</body>

</html>

ANCLAS

Sirve para definir posiciones dentro de un documento y se puede usar como destino de hiperenlaces.

Para crear un ancla (anchor) se procede de la siguiente manera:

<A NAME="nombre_etiqueta">Texto del elemento ancla</A>

Visualmente este elemento no tiene ningún efecto, pero si lo tiene en forma interactiva con el usuario.

Para hacer referencia al ancla o posición se hace el siguiente tipo de hiperenlace:

<A HREF="#nombre_etiqueta">Texto del hiperenlace</A>

De esta manera accederemos a la posición donde hayamos puesto el ancla

Por ejemplo al final de este documento hemos puesto la siguiente ancla:

<a name="final">Este es el final del documento!!</a>

Y para acceder a esa posición usamos el siguiente hiperenlace:

<A HREF="#final">Vamos al final del documento</A>

Que se vería así:

Vamos al final del documento (clicklea el hiperenlace para ver lo que sucede!!)

usando #nombre_etiqueta estamos asumiendo que el ancla está en el documento actual, o sea estamos usando un ruta relativa al documento.

Si queremos acceder a un ancla desde fuera del documento, usamos un enlace más completo donde se incluye el nombre del documento donde se encuentra el ancla:

<A HREF="anclas.php#final">Vamos al final del documento</A>

En nuestro caso este documento se llama anclas.php. El nombre del documento se coloca siempre antes del signo numeral (#).

La anclas sirven para presentar un listado inicial, y cada elemento del listado se desarrolla a lo largo del documento, pudiendo enlazar con anclas las diferentes posiciones del documento donde se desarrolla cada elemento del listado inicial.

TOMADO DE: http://www.bufoland.cl/cursoweb/html/anclas.php

Un ancla necesita que se inserten las <a> y </a>, con el atributo name, que puede tomar cualquier valor inventado por el usuario, se recomienda no utilizar caracteres especiales.

TOMADO DE: http://www.aulaclic.es/html/t_4_3.htm

Informática-María García

domingo, 14 de agosto de 2016

No hay comentarios:

Publicar un comentario