Download to read offline
More Related Content
Similar to HTML elements Marquee Tag and basic elements
HTML elements Marquee Tag and basic elements
- 1.
- 2. Marquee • Scrolling pieceof text • Display horizontally or vertically Syntax: <marquee attribute_name = "attribute_value"....more attributes> Black Friday deal is ON!!! </marquee>
- 3. Marquee attributes 1. width Thisspecifies the width of the marquee. This can be a value like 10 or 20% etc. 2. height This specifies the height of the marquee. This can be a value like 10 or 20% etc. 3. direction This specifies the direction in which marquee should scroll. This can be a value like up, down, left or right. 4. behavior This specifies the type of scrolling of the marquee. This can have a value like scroll, slide and alternate.
- 4. 5. scrolldelay This specifieshow long to delay between each jump. This will have a value like 10 etc. 6. scrollamount This specifies the speed of marquee text. This can have a value like 10 etc. 7. loop This specifies how many times to loop. The default value is INFINITE, which means that the marquee loops endlessly. 8. bgcolor This specifies background color in terms of color name or color hex value. 9. hspace This specifies horizontal space around the marquee. This can be a value like 10 or 20% etc. 10. vspace This specifies vertical space around the marquee. This can be a value like 10 or 20% etc.
- 5. Example <body> <marquee behavior="scroll" <!--Scrolling behavior --> direction="left" <!-- Scrolling direction --> scrollamount="5" <!-- Scroll speed (in pixels) --> scrolldelay="100" <!-- Delay between scrolls (in milliseconds) --> width="80%" <!-- Width of the marquee --> height="50px" <!-- Height of the marquee --> bgcolor="skyblue" <!-- Background color --> loop="infinite" <!-- Number of loops (infinite in this case) --> onmouseover="this.stop();" <!-- Stop scrolling when mouse over --> onmouseout="this.start();" <!-- Resume scrolling when mouse out --> > Welcome to Disneyland! The Happiest Place on Earth! </marquee> </body>
- 6. <meta> tag <meta name="viewport"content="width=device-width, initial- scale=1.0"> • Meta tags provide meta data about the HTML document • They are like behind-the-scenes instructions for computers and search engines to understand and present your web page correctly to users.
- 7. Email • Allows HTMLemail link on your webpage <a href = "mailto: abc@example.com">Send Email</a> <a href = "mailto:abc@example.com?subject = Feedback&body = Message"> Send Feedback </a>
- 8. Embed multimedia files <embed>- to add multimedia content to a webpage <noembed> - for browsers that do not recognize an embed tag Example: <body> <embed src="/html/yourfile.mid" width="100%" height="60"> <noembed><img src="yourimage.gif" alt="Alternative Media"></noembed> </body>