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: