HTML WEB DESIGN

 

separator-blank.png

 

GUIDE – MARQUEE

 

  • We will continue to work at the bottom of webpage3.html.

  • Try using the marquee tag like this:

 

          <marquee>I love Lockerby!</marquee>

 

 

<html>

<head>

</head>

<body>

<b><h1>Page #3</h1></b>

 

Favourite foods

<ul>

<li>Pizza</li>

<li>Wings</li>

<li>Mushrooms</li>

<li>Steak</li>

</ul>

 

Favourite movies

<ol>

<li>Lord of the Rings 2</li>

<li>Thor Ragnarok</li>

<li>Star Wars V - The Empire Strikes Back</li>

<li>Spaceballs</li>

</ol>

 

<marquee>I love Lockerby!</marquee>

 

</body>

</html>

 

 

Test your page.  Is it magic?  Yes it is Niko!  Yes it is!

 

GOT EXTRA TIME?

 

·       Try using the marquee tag’s behavior attribute.  

o   It can be set to scroll, slide or alternate.

·       Try using the marquee tag’s direction attribute.  

o   It can be set to left, up, down or right.

 

·       Try using the marquee tag’s scrollamount attribute.  

o   It can be a number such as 5 and affects the speed of the marquee.