domingo, 29 de abril de 2012

Comandos y Códigos del HTML - El marquee (el comando que hace que se mueva el texto)

El marquee es un código especial que hace que el texto se mueva hacia arriba, abajo, izquierda o derecha. Estos son los comandos para hacer que el texto se mueva.

Para hacer que se mueva el texto hacia izquierda

<marquee> ¡Hola! ¿Cómo estáis? </marquee>

¡Hola! ¿Cómo estáis?


Para hacer que se mueva el texto hacia derecha

<marquee direction=right> ¡Hola! ¿Cómo estáis? </marquee>

¡Hola! ¿Cómo estáis?


Para hacer que se mueva el texto y se pare al otro lado

<marquee behavior=slide> ¡Hola! ¿Cómo estáis? </marquee>

¡Hola! ¿Cómo estáis?

Para hacer que se mueva el texto altérnamente

<marquee behavior=alternate>¡Hola! ¿Cómo estáis?</marquee>

¡Hola! ¿Cómo estáis?


Para ponerle color al fondo del texto

<marquee bgcolor=#A86D85>¡Hola! ¿Cómo estáis?</marquee>

¡Hola! ¿Cómo estáis?


Para ponerle color al texto

<font color=#B8ABD9><marquee>¡Hola! ¿Cómo estáis?</marquee></font>

¡Hola! ¿Cómo estáis?


Para ponerles color al texto y al fondo del texto
<font color=#402B1D><marquee bgcolor=#B39886>¡Hola! ¿Cómo estáis?</marquee></font>

¡Hola! ¿Cómo estáis?


Para ajustar la velocidad del movimiento. Cuanto más alto el número, más rápido
<marquee scrollamount=19>¡Hola! ¿Cómo estáis?</marquee>

¡Hola! ¿Cómo estáis?

<marquee scrollamount=2>¡Hola! ¿Cómo estáis?</marquee>

¡Hola! ¿Cómo estáis?


Para hacer que se mueva el texto hacia arriba
<marquee direction=up>¡Hola! ¿Cómo estáis?</marquee>

¡Hola! ¿Cómo estáis?


Para hacer que se mueva el texto hacia abajo
<marquee direction=down>¡Hola! ¿Cómo estáis?</marquee>

¡Hola! ¿Cómo estáis?


Como os he dicho antes, lo interesante de esto es que podéis combinar los comandos poniendo cualquier código que queráis.

Por ejemplo:

<blink><span style="color:#AD6632;"><marquee behavior="alternate" direction="up" scrollamount="2"><big>¡Hola! ¿Cómo estáis?</big></marquee></span></blink>

¡Hola! ¿Cómo estáis?


Es más también podéis usar una foto y hacerla moverse hacia cualquier dirección que queráis!

Por ejemplo:

<marquee behavior=alternate><img height="133" src="http://4.bp.blogspot.com/-suKyh7UeOfE/T5uvLF72BmI/AAAAAAAABt0/L-rNeHTP6W0/s200/Philippines_flag.gif" width="200"><img height="200" src="http://2.bp.blogspot.com/-7Pnei-bks6Q/T5uwhbaTP3I/AAAAAAAABuM/r6U5qsNuogw/s200/2%2Bmapa%2Bdas%2Bfilipinas.png" width="134"><img height="133" src="http://4.bp.blogspot.com/--3jzCz_8o3A/T5uwhL7mCfI/AAAAAAAABuA/oJUviZSeQIM/s200/orgullo_para_las_filipinas-17216.jpg" width="200"></marquee>

1 comentario:

  1. Excelente resumen, todos funcionan, me asalta una duda, como hago para controlar cuando tengo un texto tamaño mayor para que se centre en la banda de fondo.
    julio.ocana@utadeo.edu.co si tienes una forma te agradezco me ayudes

    ResponderEliminar

Entradas populares