MARQUESINAS
|Cabeceras y
|Introducción| |Head| |Body| |Formato| |Fuentes| |Líneas| |Listas| |Imágenes| |Enlaces| |Marquesina|
Párrafos|
|Sonido y |Mapas |Capas y |Caracteres
|Tablas| |Marcos| |Formularios| |Estilos|
Vídeo| Gráficos| Applets| especiales|
Las marquesinas son texto en movimiento. Ya funciona con ambos navegadores (hasta
hace poco Netscape no lo implementaba, el 7 ya lo hace).
La etiqueta es <MARQUEE>, un texto a desplazar y su cierre </MARQUEE>. Sin
atributos quedará:
<BODY>
<MARQUEE> Aquí pongo el texto
</MARQUEE>
</BODY>
Aquí pongo el texto
Así vemos los que tiene por defecto y que son: ocupa todo el ancho del cuadro, tiene la
altura de la línea de texto y va de derecha a izquierda.
Podemos poner varias frases si colocamos <P> o <BR> dentro.
<BODY>
<MARQUEE> Aquí pongo un
texto <P>
Y aquí otro
</MARQUEE>
</BODY>
Aquí pongo el texto
Y aquí otro
Vamos a empezar a meter atributos y a cambiar un poco la cosa.
Empezamos con las medidas que son las viejas conocidas WIDTH y HEIGHT que toman
valores en píxeles o en porcentajes de pantalla.
<BODY>
<MARQUEE WIDTH=70% HEIGHT=40> Aquí pongo el texto
</MARQUEE>
</BODY>
Que se verá con 70% de ancho (del cuadro azul que para los efectos es como si fuera la
pantalla completa) y 40 px de alto.
El color de fondo quedará curioso. Echamos mano del atributo BGCOLOR.
<BODY>
<MARQUEE BGCOLOR=#7070ff> Aquí pongo el texto
</MARQUEE>
</BODY>
Aquí pongo el texto
No funciona con imágenes como fondo.
No he conseguido alinear el texto que rodea al cuadro de marquesina con la vieja ALIGN,
que toma valores de top, bottom, middle, left y right. Según todos lo manuales debería
funcionar como lo hacían en la etiqueta <IMG> pero no me funciona con Explorer 6 y con
Netscape 7 hace cosas raras.
El atributo BEHAVIOR es el que da más juego, su valor por defecto es scroll que significa
que aparece por la derecha, se va a la izquierda y de forma continuada. Si le damos el valor
slide y alternate tenemos:
<BODY>
<MARQUEE BEHAVIOR=slide> Aquí pongo el texto
</MARQUEE>
</BODY>
Aquí pongo el texto
Para verlo funcionar actualiza la página ya que al pararse y funcionar sólo una vez, no lo
vemos.
<BODY>
<MARQUEE BEHAVIOR=alternate> Aquí pongo el texto
</MARQUEE>
</BODY>
Aquí pongo el texto
DIRECTION servirá para definir hacia donde mando el texto que, por defecto, va hacia la
izquierda. Yo puedo mandarlo a la derecha así:
<BODY>
<MARQUEE DIRECTION=right> Aquí pongo el texto
</MARQUEE>
</BODY>
Aquí pongo el texto
O hacia arriba o abajo con down y up.
<BODY>
<MARQUEE HEIGHT=50 DIRECTION=up> Aquí pongo el texto
</MARQUEE>
</BODY>
Aquí pongo el texto
La velocidad de desplazamiento varía con SCROLLAMOUNT, que marca los saltos según
el valor numérico; y SCROOLDELAY que determina el retraso en el movimiento en
milisegundos. Veámoslo:
<BODY>
<MARQUEE SCROLLAMOUNT=40> Aquí pongo el texto
</MARQUEE>
</BODY>
Aquí pon
Mareante...
<BODY>
<MARQUEE SCROLLDELAY=1000> Aquí pongo el texto
</MARQUEE>
</BODY>
Y este desespera (le he puesto 1000, que es un segundo).
El atributo LOOP (indefinido por defecto, como ya hemos visto), define el número de
veces que vamos a ver moverse el texto.
<BODY>
<MARQUEE LOOP=2> Aquí pongo el texto
</MARQUEE>
</BODY>
Tendremos que actualizar la página.
Los atributos HSPACE Y VSPACE los conocemos, definirían el espacio horizontal y
vertical del texto fuera de la marquesina.
<BODY>
<MARQUEE BGCOLOR=yellow VSPACE=20> Aquí pongo el
texto
</MARQUEE>
Otro texto.
</BODY>
Aquí pongo el texto
Otro texto
Ni que decir tiene que podemos aplicar otras etiquetas como la de centrado, por ejemplo.
Le pondremos color para que se distinga del fondo.
<BODY>
<CENTER>
<MARQUEE WIDTH=50% BGCOLOR=#ffff00> Aquí pongo el
texto
</MARQUEE>
</CENTER>
</BODY>
Mira esto que bonito que queda con la etiqueta <FONT>:
<BODY>
<CENTER>
<MARQUEE WIDTH=70% BGCOLOR=#ffff00>
<FONT FACE=arial COLOR=red SIZE=5>
Aquí pongo el texto
</FONT>
</MARQUEE>
</CENTER>
</BODY>
el texto
También la podemos meter en una tabla (ya se verán más adelante).
Aquí pongo el texto
O meter la tabla en la marquesina:
Y podremos poner imágenes en vez de texto.
<MARQUEE WIDTH="80%" BEHAVIOR="alternate"> <IMG SRC="[Link]">
</MARQUEE>
