[Basics I] [Basics II] [Emailing] [Graphics] [Lists] [Tables] [Linking] [Marquee] [Backgrounds] [Music] [Email Me] [Home]
Zog’s HTML Made Easy
HOW TO CREATE ALL KINDS OF HTML MARQUEES
*Marquees will only work with Internet Explorer (they will NOT work with Netscape)
*There is also a VERY SLIGHT difference in viewing marquees with Interent Explorer 3.0, 4.0, and 5.0.
HOW TO MAKE MARQUEES
HOW TO ALTER YOUR MARQUEE
MAKE A COOL MARQUEE!



HOW TO MAKE MARQUEES
  • MARQUEE BASIC TAG: Use this tag for a basic marqee:

    <marquee>Marquee Text Here</marquee>

    It will look like this:
    Marquee Text Here

  • MARQUEE WIDTH: Use this tag to control the “width” of your marquee (on pixels):

    <marquee width=300>Marquee Text Here</marquee>

    It will look like this:
    The width=300

    *NOTE: Once you become familiar with “Width”, try using a “Height Tag”.

  • MARQUEE BACKGROUND COLOR: Use this tag to add background color (bgcolor) to your Marquee.

    <marquee width=300 bgcolor="#??????">MARQUEE TEXT</marquee>

    Here is an example using a #66FF00 background.
    #66FF00 COLOR

  • CHANGING FONT: Because of the different versions of the Interenet Explorer Browsers, I suggest specify your font style, color, and size outside the marquee tag. Use the code below:

    <font face="Font Face Style Here" size=# color="#??????">
    <marquee>MARQUEE TEXT</marquee>
    </font>

RETURN TO THE TOP
RETURN HOME



HOW TO ALTER MARQUEE
  • BEHAVIOR=”ALTERNATE”: Use this tag to “bounce” your marquee back and forth on the screen.

    <marquee behavior="alternate">MARQUEE ALTERNATE TEXT</marquee>

    It will look like this:
    MARQUEE ALTERNATE TEXT

  • DIRECTION=”RIGHT”: Use this tag to control the direction of your marquee:

    <marquee direction="right">MARQUEE DIRECTION TEXT</marquee>

    This is what is will look like:
    MARQUEE DIRECTION TEXT

    NOW TRY SUBSTITUTING “LEFT” , “UP” , AND “DOWN” for RIGHT!

    Here is an example:
    direction="up" width=175 height=100 bgcolor=”#66FF00”
    Direction is up!!!!

  • SCROLLDELAY=n: Add this tag to number of milliseconds (n) between each scroll of the marquee.

    <marquee scrolldelay=n> MARQUEE SCROLLDELAY = 25</marquee>

    This is what is will look like (n=25):
    MARQUEE SCROLLDELAY = 25

  • SCROLLAMOUNT=n: Add this tag to adjust the speed of your Marquee. The higher the n, the faster the marquee speed.

    <marquee scrollamount=n>MARQUEE TEXT</marquee>

    Here are some examples.(n=20):
    This is n=1
    This is n=5
    This is n=10


    This is n=15


RETURN TO THE TOP
RETURN HOME



MAKE A COOL MARQUEE
  • Try this COOL Marquee. Don’t be afriad to try and creat your own Marquees!
  • <marquee bgcolor="BLACK" width="20%" direction="right">OSU</marquee>
    <marquee bgcolor="RED" width="20%">WEB</marquee>
    <marquee bgcolor="BLACK" width="20%" direction="right">DESIGN</marquee>
  • It will look like this:

    ZOG’SOSUWEBDESIGN



    Created by
    Zog's Web Design
    Resides on Yahoo!
    Yahoo! Rights Apply