How to Display Running Text in HTML page?

In this post you can learn how to display running text in html web page.The steps are given below.

  1. First we have to create an html page for that we can open ah html editor or not pad .
  2. Then create ah new page and save as index.html
  3. Then create an html tag(<html></html>) .
  4. Create the head tag. In head tag include the title tag (<title></title>) .
  5. Create the body tag (<body></body>).
  6. Inside the body tag create an paragraph tag(<p></p>).
  7. Inside the Paragraph page we have to use the marquee tag to scroll the text.

Example 1:

This code is used to display normal running text
<html>

   <head>
      <title>HTML marquee Tag</title>
   </head>
   <body>
      <marquee>RAGUL TECHNOLOGY</marquee>
   </body>
</html>

OUTPUT:


RAGUL TECHNOLOGY

EXAMPLE 2:

This exam will show only 50% width of the web page

<html>

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

OUTPUT


This example will take only 50% width

EXAMPLE 3:

This example the text will scroll from left to write

<html>

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

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

output


This text will scroll from left to right  

Example 4:

scroll down

<html>

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

   <body>
      <marquee direction = "down">RAGUL TECHNOLOGY</marquee>
   </body>
</html>



  RAGUL TECHNOLOGY

1 Comments

Post a Comment

Post a Comment

Previous Post Next Post