首页 > 代码库 > HTML中视频、音频、图标、滚动条定位、文字滚动效果、iframe的应用

HTML中视频、音频、图标、滚动条定位、文字滚动效果、iframe的应用

2024-09-10 04:36:05   217人阅读

  1、小图标（.ico）

  <link></link>必须写在<head></head>里面具体格式如下：

<head><link rel="shortcut icon" href="http://www.mamicode.com//jb51.ico" type="image/x-icon"/></head>
注意：红色部分为图片的相对路径
2、插入音乐
 <embed></embed>必须写在<head></head>里面具体格式如下：

<embed src=http://www.mamicode.com/"images/Joy%20Gruttmann%20-%20Schnappi.mp3" controls="controls"
width=300 height=80 type=audio/mpeg loop="-1" hidden="ture " autostart="false" volume="0"/></embed>

注意：红色部分为音乐的相对路径，loop是是否自动播放,hidden是是否隐藏
3、插入视频（写在<body></body>中）
具体格式如下：
<body>
<embed src=http://www.mamicode.com/‘http://player.youku.com/player.php/sid/XMjY1NzI5MzQ5Ng==/v.swf?VideoIDS=XNDA3OTM4NA=&isAutoPlay=true
&isShowRelatedVideo=false&embedid=-&showAd=0‘ allowFullScreen=‘true‘ quality=‘high‘ width=‘480‘ height=‘400‘ 
align=‘middle‘ allowScriptAccess=‘always‘ type=‘application/x-shockwave-flash‘></embed>
</body>
注意：红色部分为视频的相对路径，绿色部分为是否自动播放
4、滚动
<marquee direction="这里为设置滚动方向如右right左left">要滚动的内容<marquee>
5、滚动条的定位

html 直接定义：先定义一个带有id的标签,这个标签是你想要访问的目标位置，然后在定义一个a标签（你点击后会跳转的链接）

如<h1 id="123">点击这里会跳转到这里</h1>

<a href="http://www.mamicode.com/#123"></a>

注意：当你去点击红色部分时会让滚动条停到当前位置

6、iframe

在原来的页面嵌入一个小窗口显示其他的页面

<iframe scr="其他页面的地址" width=“” height=“” frameborder(边线)=“0” scrolling(滚动条)=“no”></iframe>

HTML中视频、音频、图标、滚动条定位、文字滚动效果、iframe的应用


联系
我们