Para conseguir un texto en movimiento podemos recurrir al lenguaje HTML
Una marquesina es una ventana en la que se desplaza un texto. La etiqueta básica es: <marquee>Texto que se desplaza </marquee> con la que conseguimos como resultado:
Por defecto, la marquesina ocupa todo el ancho de la pantalla, tiene la altura de una línea y el texto se desplaza lentamente de derecha a izquierda. Podemos modificar estos atributos:
Alineación (ALIGN). Modifica el alineamiento del texto que rodea a la marquesina y puede ser TOP (arriba), MIDDLE (en medio) o BOTTOM (abajo). Ejemplo: <marquee align="BOTTOM" height="60" widht="50%">La palabra ¡Hola! estará alineada en la parte inferior de la marquesina</marquee> ¡Hola!
¡Hola!
Dirección del desplazamiento (DIRECTION). Por defecto el texto se mueve hacia la izquierda (LEFT). Podemos hacer que el texto se desplace hacia la derecha igualando este atributo a RIGHT. Ejemplo:<marquee direction="RIGHT">Este texto se dirige hacia la derecha</marquee>
También podemos hacer que el texto se desplace hacia arriba indicando UP en el atributo dirección:
Color de fondo (BGCOLOR). Podemos modificar el color de fondo de la marquesina, como ya vimos en un ejercicio anterior. Ejemplo:<marquee bgcolor="#FF7070">Esta marquesina tiene un fondo de color rosa</marquee>
Podemos incluir la marquesina en una entrada o en un gadget HTML en el que incluiremos las etiquetas con los atributos que deseemos. Por ejemplo:
<span style=" font-weight:bold; color:#ffffff; font-size:18px;">
<marquee bgcolor="669933">
Ejemplo de marquesina colocada en un gadget HTML
</marquee>
</span>
EJERCICIOS
- En una nueva entrada incluir distintas marquesinas en las que practiquéis alineación, dirección de desplazamiento y color de fondo.
- Hacer una marquesina de bienvenida al blog en un gadget y colocarlo bajo la cabecera de vuestro blog.
