HTML: carpas

Una marquesina HTML es un fragmento de texto que se desplaza y se muestra horizontalmente o verticalmente hacia abajo en la página web, según la configuración. Esto se crea utilizando la etiqueta HTML <marquees>.

Note- La etiqueta <marquee> en desuso en HTML5. No use este elemento, en su lugar puede usar JavaScript y CSS para crear tales efectos.

Sintaxis

Una sintaxis simple para usar la etiqueta HTML <marquee> es la siguiente:

<marquee attribute_name = "attribute_value"....more attributes>
   One or more lines or text message or image
</marquee>

Los atributos de la etiqueta <marquee>

A continuación se muestra la lista de atributos importantes que se pueden usar con la etiqueta <marquee>.

No Señor	Atributo y descripción
1	width Esto especifica el ancho del marco. Este puede ser un valor como 10 o 20%, etc.
2	height Esto especifica la altura de la marquesina. Este puede ser un valor como 10 o 20%, etc.
3	direction Esto especifica la dirección en la que debe desplazarse la marquesina. Este puede ser un valor como arriba, abajo, izquierda o derecha .
4	behavior Esto especifica el tipo de desplazamiento del marco. Esto puede tener un valor como desplazarse, deslizarse y alternar .
5	scrolldelay Esto especifica cuánto tiempo demorar entre cada salto. Esto tendrá un valor como 10, etc.
6	scrollamount Esto especifica la velocidad del texto de marquesina. Esto puede tener un valor como 10, etc.
7	loop Esto especifica cuántas veces se repetirá. El valor predeterminado es INFINITO, lo que significa que la marquesina se repite sin cesar.
8	bgcolor Esto especifica el color de fondo en términos de nombre de color o valor hexadecimal de color.
9	hspace Esto especifica el espacio horizontal alrededor del marco. Este puede ser un valor como 10 o 20%, etc.
10	vspace Esto especifica el espacio vertical alrededor de la marquesina. Este puede ser un valor como 10 o 20%, etc.

A continuación se muestran algunos ejemplos para demostrar el uso de la etiqueta de marquesina.

Ejemplos - 1

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee>This is basic example of marquee</marquee>
   </body>
	
</html>

Esto producirá el siguiente resultado:

Ejemplos - 2

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee width = "50%">This example will take only 50% width</marquee>
   </body>
	
</html>

Esto producirá el siguiente resultado:

Ejemplos - 3

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>

   <body>
      <marquee direction = "right">This text will scroll from left to right</marquee>
   </body>
	
</html>

Esto producirá el siguiente resultado:

Ejemplos - 4

<!DOCTYPE html>
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
	
   <body>
      <marquee direction = "up">This text will scroll from bottom to up</marquee>
   </body>
	
</html>

Esto producirá el siguiente resultado:

↰ Previous page Next page ↱