Monday, June 1, 2020

Web Design (HTML)



Marquees

An HTML marquee is a scrolling piece of text displayed either horizontally across or vertically down your webpage depending on the settings. This is created by using HTML <marquees> tag.


Syntax

A simple syntax to use HTML <marquee> tag is as follows –

<marquee attribute_name = "attribute_value"....more attributes>

One or more lines or text message or image

</marquee>                : The <marquee> Tag Attributes


Following is the list of important attributes which can be used with <marquee> tag.

Sr.No                                         Attribute & Description
1. Width                : This specifies the width of the marquee. This can be a value
                                like 10 or 20% etc.
2. Height               : This specifies the height of the marquee. This can be a value
                                like 10 or 20% etc.
3. Direction           : This specifies the direction in which marquee should scroll.
                                This can be a value like up, down, left or right.
4. Behavior            :This specifies the type of scrolling of the marquee. This can have a value                                                 like scroll, slide and alternate.
5. Scrolldelay         :This specifies how long to delay between each jump. This will have a value 
                                like 10 etc.
6.Scrollamount       :This specifies the speed of marquee text. This can have a value like 10
7.Loop                    :This specifies how many times to loop. The default value is INITE,
                                  which means that the marquee loops endlessly.
8.Bgcolor                : This specifies background color in terms of color name or color hex value.
9.Hspace                 : This specifies horizontal space around the marquee. This can be a value
                                   like 10 or 20% etc.
10.Vspace               : This specifies vertical space around the marquee. This can be a value like
                                  10 or 20% etc.

Below are few examples to demonstrate the usage of marquee tag.

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


Examples - 2

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



Examples - 3
<html>
<head>
<title>HTML marquee Tag</title>
</head>
<body>
<marquee direction = "right">This text will scroll from left to right</marquee>
</body>
</html>


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

No comments:

Post a Comment