This is an HTML code snippet that demonstrates how to scroll text in four different directions: up, down, left, and right. Please note that the <marquee> tag used in this example is a non-standard HTML element and has been deprecated in HTML5. However, it still works in most browsers for creating scrolling text effects.
<!DOCTYPE html> <html> <head> <title>Scrolling Text in Four Directions</title> </head> <body> <h2>Scroll Up</h2> <marquee direction="up" height="100px"> This text scrolls up. </marquee> <h2>Scroll Down</h2> <marquee direction="down" height="100px"> This text scrolls down. </marquee> <h2>Scroll Left</h2> <marquee direction="left" width="60%" height="100px"> This text scrolls left. </marquee> <h2>Scroll Right</h2> <marquee direction="right" width="60%" height="100px"> This text scrolls right. </marquee> </body> </html>
Try this code in your Virtual Lab or Practical Class