Marquesina en HTML

***** Bienvenid@s... Esto es una marquesina.... *****.

La etiqueta marquee HTML nos sirve para dar un efecto diferente a los texto de nuestra página Web. Gracias a ella podemos conseguir texto en movimiento. Para aplicar este efecto a los textos, éstos deben estar dentro de la etiqueta marquee, entre su inicio “<marquee>” y su cierre “</marquee>”.

El movimiento, la dirección de desplazamiento, la velocidad del mismo,…todo es configurable gracias a los siguientes atributos:

align: Este atributo nos indicará si el texto dentro de la etiqueta se alineará en la zona alta del marquee (“top”), en el medio (“middle”) o en la parte baja (“bottom”).

bgcolor: Con este atributo definiremos el color de fondo que le queremos dar a la marquesina donde está el texto en movimiento.

height y width: El primero marca la altura que tendrá la marquesina y el segundo la anchura de la misma.

scrollamount: Este atributo define la cantidad de píxeles que queremos que se desplace el texto en cada movimiento. Por ejemplo: <marquee scrollamount=”3″> </marquee> significará que el texto que vaya dentro de esa etiqueta se moverá a razón de tres píxeles por movimiento.

scrolldelay: Éste nos define la velocidad del texto que está dentro de la marquesina. A menor numeración, mayor velocidad. Es decir, un texto irá más rápido si el scrolldelay es 5, que si el scrolldelay es 20.

loop: Este atributo nos determina si el movimiento se repetirá o no. Si queremos que el movimiento sólo se repita unas veces determinadas debemos indicárselo con un número, que será el número de veces que se repita. Si queremos que se repita sólo 10 veces, su loop será el siguiente: <marquee loop=”10″> </marquee>

Si queremos que se repita debemos usar “infinite” o “-1”. Si no especificamos nada, se repetirá constantemente.

direction: Sirve para definir la dirección del movimiento: “left” para la izquierda, “right” para la derecha, “top” para arriba y “down” para abajo.

behavior: Gracias a este atributo podemos dar nuevos efectos a la marquesina. Si no especificamos este atributo, el texto se moverá de forma circular en el sentido que le hayamos marcado. Con behavior=”scroll” conseguiremos el mismo efecto: el texto se moverá circularmente.

Con behavior=”slide” haremos que el texto se detenga al llegar al final de la marquesina. Y con el behavior=”alternate” el texto irá y volverá de un lado a otro de la marquesina.

Ejemplo:

<marquee bgcolor="#FFFFFF" width="50%" scrolldelay="100" scrollamount="5" direction="left" loop="infinite">***** Tercero Informática B - Unidad Educativa Fiscal Dolores Sucre *****.

</marquee>

***** Tercero Informática B - Unidad Educativa Fiscal Dolores Sucre *****.

ACTIVIDAD

Copie en su cuaderno cada uno de los atributos utilizados en las marquesinas que están en este blog.

Elabore la codificación de una página web en HTML aplicando los conocimientos adquiridos y utilizando la creatividad con textos e imágenes en marquesinas. Copie la codificación y una captura de su página en el navegador. Envíe el PDF a la pestaña tareas del equipo de Teams.