Web marquee grammar teaching HTML marquee programming

When you first start learning web design, the web marquee is definitely a must-learn basis. Through the marquee embellishment, you can easily make the web page presentation effect lively, and the application is quite extensive, such as the presentation of the latest news. Using the marquee technique, here we teach you how to make the marquee effect through HTML marquee grammar.

Two different HTML marquee marquee designs

Basic style (the text to be run will run in the default direction of the browser)

<marquee>Put the text to run here</marquee>

Advanced style (parameters can set the direction and speed to run)

<marquee Parameter setting here>Put the text to run here</marquee>

HHTML marquee marquee The available parameters are as follows

• Direction setting: direction="parameter value"; can be set up (up), dun (down), left (left), right (right).

• Alignment setting: align="parameter value"; top (align up), midden (vertical to center), botton (align down) can be set.

• Speed setting: scrollamount="parameter value"; it can be set as a number, usually in the range of 1~10, the larger the number, the faster the run.

• Length setting: height="parameter value"; number, set by yourself.

• Width setting: width="parameter value"; number, set by yourself.

• Behavior setting: behavior="parameter value"; alternate (run back and forth), slide (stop after running in) can be set.

• Background color: bgcolor="parameter value"; it can be set as the color code of the color, otherwise there will be no color.

HTML marquee marquee example

<marquee direction="right" height="30" scrollamount="5" behavior="alternate">Marquee test</marquee>

Rendering effect

Marquee test

In this example, we set the direction to the right, the height to 30, the speed to 5, and the running back and forth. Let's play with the other attributes! In addition to simple text marquee, you can also use other HTML tags to create richer marquee effects, such as using a href tag to make marquee with text hyperlinks, and img tag to make image marquee.