| ETIQUETAS ESPECIALES DE HTML Hiperenlace <a> |
Un hiperenlace, hipervínculo, o vínculo, no es más que un enlace, que al ser pulsado lleva de una página o archivo. Aquellos elementos (texto, imágenes, etc.) sobre los que se desee insertar un enlace han de encontrarse entre las etiquetas <a> y </a>. A través del atributo href se especifica la página a la que está asociado el enlace, la página que se visualizará cuando el usuario haga clic en el enlace. Por ejemplo, para insertar el enlace: Habría que escribir:
Los colores de los vínculos pueden especificarse a través de las propiedades de la página, en la etiqueta <body>. Estos colores se asignan a través de los atributos link (vínculo), alink (vínculo activo), y vlink (vínculo visitado). link permite determinar el color de los enlaces sin visitar (enlace que no ha sido pulsado ninguna vez). alink permite determinar el color del enlace activo (enlace que acaba de ser pulsado). vlink permite determinar el color de los enlaces visitados (enlaces que ya han sido pulsados). Por ejemplo, al insertar el siguiente código:
Mientras no se visite la página http://www.google.com, el enlace será de color rojo (#FF0000):
Mientras la página www.google.com sea la última visitada, el enlace será de color fucsia (#FF0099):
Cuando se haya visitado la página www.google.com, el enlace será de color naranja (#FF9900):
TEXTO QUE PARPADEAHacer parpadear un texto es muy sencillo, lo podremos utilizar para resaltar alguna frase o texto de alguna de nuestras entradas, el efecto es bastante llamativo y lo haremos de la siguiente forma: En la parte de Edición de HTML de nuestra entrada agregaremos el siguiente fragmento de código que tan solo se corresponde con la etiqueta <blink> de la siguiente forma:TEXTO QUE PARPADEA TEXTO QUE PARPADEA Texto en movimiento Vamos a ver distintas soluciones para conseguir texto en movimiento: haciendo uso del lenguaje HTML (las marquesinas), con un GIF animado, con Javascript, etc. Marquesinas (Marquees) Una marquesina (en inglés, marquee) es una ventana en la que se desplaza un texto. Sólo son válidas para el Explorer de Microsoft (en el Netscape se verá como texto fijo). La etiqueta básica es: <MARQUEE> Texto que se desplaza </MARQUEE> Que resulta como: Texto que se desplaza Como no hemos añadido ningún atributo dentro de la etiqueta, el comportamiento de la marquesina es el que tiene por defecto: ocupa todo el ancho de la pantalla, tiene la altura de una línea y el texto se desplaza lentamente de derecha a izquierda. Vamos a ver los distintos atributos que modifican su apariencia y comportamiento: WIDHT, HEIGHTAjustan la anchura y altura, respectivamente, de la marquesina. Pueden ser igual a un número de pixels, o a un porcentaje de la pantalla. Ejemplo: <MARQUEE WIDTH=50% HEIGHT=60> Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels </MARQUEE> Que resulta como: Esta marquesina ocupa el 50% del ancho de la pantalla y tiene una altura de 60 pixels ALIGN Modifica el alineamiento del texto que rodea a la marquesina, que puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo). Ejemplo: <MARQUEE WIDTH=50% HEIGHT=60 ALIGN=BOTTOM>La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina</MARQUEE> ¡Hola! Que resulta como: La palabra "¡Hola!" estará alineada con la parte inferior de la marquesina ¡Hola! BEHAVIOR Este atributo (que quiere decir en inglés comportamiento) sirve para definir de qué manera se va a efectuar el desplazamiento del texto. Si es igual a SCROLL (el valor por defecto), el texto aparece por un lado, se desplaza hasta el otro hasta desaparecer por él, y vuelve a empezar (como los casos que hemos visto anteriormente). Si es igual a SLIDE, aparece por un lado y se desplaza hasta llegar al otro extremo, y se para ahí. Si es igual a ALTERNATE se desplaza alternativamente hacia un lado y otro, siempre dentro de los límites de la marquesina. Ejemplo: <MARQUEE BEHAVIOR=ALTERNATE>Este texto se mueve a un lado y otro, sin desaparecer</MARQUEE> Que se resulta así: Este texto se mueve a un lado y otro, sin desaparecer BGCOLOR Con este atributo se modifica el color de fondo de la marquesina, de acuerdo con el método visto en el Capítulo 7. Ejemplo: <MARQUEE BGCOLOR="#FF7070"> Esta marquesina tiene un fondo de color rosa </MARQUEE> Que resulta así: Esta marquesina tiene un fondo de color rosa DIRECTION Este atributo sirve para modificar la dirección hacia la que se dirige el texto. Por defecto es LEFT (izquierda). Se puede hacer que el texto se dirija hacia la derecha igualando este atributo a RIGHT. Ejemplo: <MARQUEE DIRECTION=RIGHT> Este texto se dirije hacia la derecha </MARQUEE> Que resulta como: Este texto se dirige hacia la derecha SCROLLAMOUNT Define la cantidad de desplazamiento del texto en cada movimiento de avance, expresado en pixels. Cuanto mayor es el número, más rápido avanza. Ejemplo: <MARQUEE SCROLLAMOUNT=50> Doy saltos grandes </MARQUEE> Que se ve como: Doy saltos grandes SCROLLDELAY Define el tiempo entre cada movimiento de avance, expresado en milisegundos. Cuanto mayor es el número más lento avanza. Ejemplo: <MARQUEE SCROLLDELAY =200> Espero mucho entre cada salto </MARQUEE> Que se ve como: Espero mucho entre cada salto LOOP Especifica el número de veces que aparecerá el texto. Es indefinido por defecto. HSPACE, VSPACE Definen, respectivamente, la separación en sentido horizontal o vertical del texto que está fuera de la marquesina. Fuentes dentro de la marquesina Si se desea que el texto que aparece dentro de una marquesina tenga una fuente concreta, distinta de la que tiene por defecto el navegador, se debe poner la etiqueta <FONT FACE> (ver Cap. 6) por fuera de la etiqueta de la marquesina. Ejemplo: <FONT FACE="IMPACT"> <MARQUEE BGCOLOR="FFFF00">Esto se ve con la fuente Impact</MARQUEE> </FONT> Que se verá así: Esto se ve con la fuente Impact Recuérdese lo dicho en el capítulo 6: para que esto surta efecto la fuente indicada debe estar instalada en el disco duro del usuario. Véase también cómo se pueden indicar otras fuentes alternativas. Como se ha dicho antes, esta etiqueta no es implementada por el Netscape. El texto que está dentro de la etiqueta de la marquesina se verá en este navegador como texto fijo normal. Normalmente, si se hace uso de este recurso es porque se quiere destacar de una manera muy especial un texto, lográndose plenamente este objetivo en el Explorer, pero no así en el Netscape, en donde dicho texto pasaría totalmente desapercibido. Una manera de paliar este inconveniente, al menos en parte, es introducir la etiqueta de la marquesina dentro de una tabla (ver el Capítulo 10). De esta manera, el texto estará en cierta medida destacado en el Netscape, y en el Explorer la marquesina se verá de una manera aún más estética. Ejemplo: <TABLE BORDER=1> <TR><TD> <MARQUEE> Marquesina dentro de una tabla </MARQUEE> </TD></TR> </TABLE> Que se verá como:
ACTIVIDAD EN CLASE. 1. COPIA EN TU CUADERNO LAS ETIQUETAS ESPECIALES CON LOS EJEMPLOS. 2. CREA UNA PAGINA WEB QUE TIENE COMO TEMA, LA EVOLUCION DE LOS COMPUTADORES; UTILIZANDO ESTAS ETIQUETAS Y LAS ETIQUETAS QUE HEMOS APRENDIDO EN CLASE COMO: ( COLOR DE FONDO, COLOR DE TEXTO, TABLAS, IMAGENES Y DEMAS.3. ENVIA ESTE CODIGO O LA PAGINA AL CORREO DE LA CLASE: infosistembasis@gmail.com |
No hay comentarios:
Publicar un comentario