HTML elements Marquee Tag and basic elements
28 views
8 slides
Oct 01, 2024
Slide 1 of 8
1
2
3
4
5
6
7
8
About This Presentation
it talks about the marquee tag in HTML
Slide Content
HTML elements
Marquee Scrolling piece of text Display horizontally or vertically Syntax: <marquee attribute_name = " attribute_value "....more attributes> Black Friday deal is ON!!! </marquee>
Marquee attributes 1. width This specifies 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.
5. scrolldelay This specifies how 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.
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>
<meta> tag <meta name="viewport" content="width=device-width, initial-scale=1.0"> M eta 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.
Email Allows HTML email link on your webpage <a href = "mailto: [email protected]">Send Email</a> <a href = "mailto:[email protected]?subject = Feedback&body = Message"> Send Feedback </a>
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>
Tags
Categories
GeneralDownload
Download Slideshow Get the original presentation fileQuick Actions
Statistics
- Views 28
- Slides 8
- Age 427 days
Related Slideshows
22
Pray For The Peace Of Jerusalem and You Will Prosper
RodolfoMoralesMarcuc
32 views
26
Don_t_Waste_Your_Life_God.....powerpoint
chalobrido8
33 views
31
VILLASUR_FACTORS_TO_CONSIDER_IN_PLATING_SALAD_10-13.pdf
JaiJai148317
31 views
14
Fertility awareness methods for women in the society
Isaiah47
30 views
35
Chapter 5 Arithmetic Functions Computer Organisation and Architecture
RitikSharma297999
28 views
5
syakira bhasa inggris (1) (1).pptx.......
ourcommunity56
30 views