HTML Marquee Code
Code for adding scrolling text & images to your website or blog.
CSS Marquee
CSS marquees are the standards-compliant way of creating marquees in HTML.
Bootstrap Carousel
The Bootstrap carousel is also standards-compliant, as it is basically a Bootstrap version of a CSS marquee.
HTML Marquees
You can also use the <marquee>
tag to create a marquee. You can make the text/images scroll from right to left, left to right, top to bottom, or bottom to top.
The <marquee>
tag is non-standard HTML. Despite this, it has enjoyed widespread browser support. For a standards-compliant method, see CSS Marquees or Bootstrap Carousels.
If you can't view the examples, it's likely that your browser doesn't support the <marquee>
tag.
Continuous scrolling text
This marquee causes the text to scroll continuously from right to left. Once it disappears from the left, it re-appears from the right.
Slide-in text
This text slides in from the right, then stays where it is. You will need to refresh this page to see the effect again.
Text bouncing back and forth
Text Scrolling Upwards
Change the Scrolling Speed
Scrolling Images
Simply replace the src="...
part with the location of your own image.
Images & Text (Both Scrolling)
Simply add your text under the image tag (but still within the marquee tags).
Cool Effects with Marquees!
You can use HTML marquees for some cool effects:
HTML Reference
-
HTML Tutorial
Free HTML tutorial that explains how to code in HTML.
This tutorial explains what HTML elements and attributes are, and how to use them.
I explain the basics, such as what you need in order to write HTML and how to create your first web page.
I then cover other HTML topics including tables, adding color, images, forms, image maps, iframes, meta tags, and more.
I also explain the difference between HTML and CSS (and when to use each one).
Go to HTML Tutorial -
HTML Tags
Full list of all HTML elements.
This is an alphabetical list of HTML elements, linking to a full page of details for each element.
All elements are based on the official HTML5 specification, and include usage notes, full attribute list, as well as links to the various specifications for each element (i.e. HTML4 spec, HTML5 spec, WHATWG spec).
Go to HTML Tags -
CSS Properties
Full list of CSS properties.
Alphabetical list of CSS properties as per the W3C specifications.
CSS stands for Cascading Style Sheets. CSS is the standard way to style web pages.
You can use CSS to set the style for a whole website in one place. CSS allows you to set colors, fonts, widths, heights, margins, padding, and much more.
Go to CSS Properties