HTML HTML intro.
  1. HTML intro
  2. Web pages and you
HTML basics
  1. HTML getting started
  2. HTML basics
  3. HTML document
HTML text
  1. HTML text formatting 1
  2. HTML text formatting 2
  3. HTML text formatting 3
  4. HTML fonts
  5. HTML entities
HTML links
  1. HTML links
  2. HTML email links
HTML images
  1. HTML images
  2. HTML image maps
HTML forms
  1. HTML forms
  2. HTML form labels
  3. HTML fieldset/legend
HTML tables
  1. HTML tables
  2. HTML tables concepts
HTML frames
  1. HTML frames
HTML backgrounds/color
  1. HTML backgrounds
  2. HTML colors
  3. HTML color shades
  4. HTML color usage
HTML style/layout
  1. HTML stylesheets
  2. HTML div/span
HTML media
  1. HTML audio
  2. HTML video
  3. HTML objects
  4. HTML download media
HTML declaratives
  1. HTML head section
  2. HTML meta tags
  3. HTML scripts
  4. HTML declarations
  5. HTML document types
Practical HTML
  1. HTML tag rules
  2. HTML things to avoid
  3. URL formatting
  4. URL encoding/decoding
  5. HTML use/access
  6. HTML publish work
HTML extras
  1. HTML marquees
HTML wrap-up
  1. HTML history
  2. HTML summary

Marquees

Although HTML is a static language, marquees can add a certain buzz to a webpage.

This tutorial focuses on:

What is a marquee?

A marquee is a set of text that scrolls across a webpage. You can make marquees scroll vertically, horizontally, as well as alternating back and forth.

The <marquee> tag

The <marquee> tag is perhaps one of the most intricate tags in HTML, and rightfully so. While HTML is a static language, the <marquee> tag gives it some movement - literally! This tag creates a moving scroll which travels across a page.

NOTE: The <marquee> tag is not an official part of the HTML tag set, but it is still supported by some major browsers such as Internet Explorer and Firefox.

NOTE: Marquees are not very popular on the web, and their usage is generally not regarded positively. However, it is ok to use a marquee here and there once in a while.

<marquee> tag attributes
Example:
<marquee bgcolor="yellow" loop="infinite" direction="up" height="100" width="400" > Hello, I am a scrolling marquee. Watch me scroll. </marquee>
Output:
Hello, I am a scrolling marquee. Watch me scroll.
Example 2:
<marquee bgcolor="#e7ffe0" loop="infinite" height="80" width="450" behavior="alternate"> This marquee scrolls in alternate directions. </marquee>
Output:
This marquee scrolls in alternate directions.

When to use marquees

As stated above, marquees should be used rarely. Using marquees will set an impression on your audience. But it all depends on who that audience is. If your general audience are average web users, then they will probably like the marquee and think its 'cool'. If however, your general audience are people who know a thing or two about web development, they may think your skills are outdated and it will make you look much less professional.

It is ok to use marquees once in a while (and really, just once in a while) to add a nice scrolling effect. But don't ever make a habit out of it. Even if your general audience is average web users who don't know anything about web development. Keep in mind that it is important not just how a webpage looks, but how it functions. And using the <marquee> tag will actually result in webpages that do not validate with an HTML validator.

© Copyright 2013-2014 Landofcode.com
Terms of use | Privacy policy | Copyright information