Application of video, audio, icons, scroll bar positioning, text scrolling effect, iframe in HTML

Source: Internet
Author: User

1, small icon (. ico)

<link></link> must be written in

/jb51.ico" type= "Image/x-icon"/>Note: The red part is the relative path of the picture
2. Inserting music
<embed></embed> must be written in

<embed src="Images/joy%20gruttmann%20-%20schnappi.mp3 " controls= "Controls"
width=300 height=80 type=audio/mpeg loop= "-1" hidden= "Ture" autostart= "false" volume= "0"/></embed>

   Note: The red part is the relative path of the music, whether the loop is AutoPlay, and whether hidden is hidden 
3. Insert Video (written in <body></body>)
in the following format:
<body>
<embed src= ' allowfullscreen= ' true ' quality= ' high ' width= ' 480 ' height= ' + '
align= ' middle ' allowscriptaccess= ' always ' type= ' Application/x-shockwave-flash ' ></embed>
</body>
Note:
the red part is the relative path of the video, the green part is auto play
4, scroll
<marquee
Direction = "Here is the setting of the scrolling direction such as right-left" > the content to scroll <marquee>
5, scroll bar positioning

HTML definition: First define a tag with an ID, which is the target location you want to access, and then define a tag (a link that will jump after you click).

such as

click here will jump to here

<a href= "#123" ></a>

Note: When you click on the Red section, the scroll bar will stop to the current position.

6. iframe

Embed a small window on the original page to display the other pages

<iframe scr= "Other page address" width= "height=" "frameborder (Edge) =" 0 "scrolling (scroll bar) =" No "></iframe>

Application of video, audio, icons, scroll bar positioning, text scrolling effect, iframe in HTML

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.