Marquees and Standards Module 2: HTML Basics LESSON 9

Module 2: HTML Basics LESSON 9 Lesson Overview In this lesson, you will learn to:  Create a marquee using HTML code.  Apply W3C standards to tags commonly used in Web design.

Module 2: HTML Basics LESSON 9 Guiding Questions for Lesson 9  The tags … and … are no longer accepted as code by the World Wide Web Consortium (W3C). Why do you think these tags have been dropped from the standards?  What is the purpose of an tag?

Module 2: HTML Basics LESSON 9 Marquees  Allow text or images to “slide” across a Web page.  Can add interest to a Web page.  Not all browsers may be able to render the effect.  Can be used to scroll information across the screen.  Modern techniques have been created to generate this effect.

Module 2: HTML Basics LESSON 9 Simple Marquee Code  The following code causes the words “Hi there!” to scroll across the screen from right to left. Hi there!

Module 2: HTML Basics LESSON 9 Marquee Attributes  Below are a few of the attributes that can be added to the tag: width=xx%defines how wide the marquee is on the screen height=xxdefines how tall the marquee is on the screen direction=defines which direction the text or image travels; can be up, down, left or right behavior= defines the type of scrolling; can be scroll, slide or alternate (bounces from one side to the other) loop=xxdefines how many times to complete the behavior bgcolor=defines the color behind the text or image

Module 2: HTML Basics LESSON 9 Scrolling Images  Marquees can be used to scroll images  Similar code to inserting an image in a Web page 

Module 2: HTML Basics LESSON 9  Time to create your own marquee

Module 2: HTML Basics LESSON 9 Marquees have been deprecated  The W3C considers marquees as deprecated or obsolete.  Can’t be read by “reading” browsers used by sight impaired persons  Can’t be displayed on mobile devices  Technique does not follow the W3C’s Guideline 2.2  “Allow users to control time limits on their reading or interaction.”  See: /#time-limits-pausehttp:// /#time-limits-pause

Module 2: HTML Basics LESSON 9 Web Accessibility Initiative  Use the link below to access the “10 Quick Tips” recommended by the W3C for creating an accessible Web page 

Module 2: HTML Basics LESSON 9 W3C’s Priority Checklist  Jig Saw activity 