Cómo mover un texto en HTML

Si queremos mover un texto en HTML, tenemos que seguir los pasos que se detallan a continuación. Con estos pasos, podemos mover el texto fácilmente.

Paso 1: En primer lugar, tenemos que escribir el código Html en cualquier editor de texto o abrir el archivo Html existente en el editor de texto en el que queremos mover el texto.

<title> Mover el texto </title> ¡Hola, usuario! … <br> <center> ¡¡¡Estás en el sitio JavaTpoint !!! .. … <br> </center>

Paso 2: Ahora, tenemos que colocar el cursor antes de ese texto que queremos mover. Y luego tenemos que definir la etiqueta , que se usa para mover el texto en la página web. Entonces, escriba la etiqueta abierta antes del texto que queremos mover y cierre la etiqueta justo después de ese texto.

<marquee> Cualquier texto </marquee><br>

Paso 3: De forma predeterminada, el texto se mueve de derecha a izquierda en la página web. Si queremos especificar la dirección, entonces tenemos que especificar la dirección atributo en la etiqueta .

<marquee direction="right"> Cualquier texto </marquee><br>

Paso 4: Si queremos mover el texto alternativamente de izquierda a derecha y luego de derecha a izquierda, entonces tenemos que especificar el comportamiento atributo en el etiqueta.

<marquee direction="right" behavior="alternate"> Cualquier texto </marquee><br>

Paso 5: Si queremos especificar el fondo de ese texto que se está moviendo en la página web. Luego, tenemos que usar la propiedad background en el atributo de estilo como se muestra en el siguiente bloque:

<marquee direction="right" behavior="alternate" style="background: blue;"> Cualquier texto </marquee><br>

Paso 6: Si queremos especificar el borde, tenemos que usar la propiedad de borde en el atributo de estilo.

<marquee direction="right" behavior="alternate" style="border: RED 3px SOLID"> Cualquier texto </marquee><br>

Paso 7: Y, por fin, tenemos que guardar el archivo Html y luego ejecutar el archivo en el navegador.

<title> Mover el texto </title> ¡Hola, usuario! … <br> <center> <marquee direction="right" behavior=" alternate " style=" background: blue; border: RED 3px SOLID "> Estás en el sitio JavaTpoint !!! ….. </marquee> <br> </center>

Pruébelo ahora

La salida del código HTML anterior se muestra en la siguiente captura de pantalla:

---