HTML在网页中插入音频视频简单的滚动效果
2017-03-23 16:33
411 查看
每次上网,打开网页后大家都会看到在网页的标签栏会有个属于他们官网的logo,现在学了HTML了,怎么不会制作这个小logo呢,其实很简单,也不需要死记硬背,每当这行代码出现的时候能知道这是什么意思就ok
标题栏的小图标,把href后面的图片地址更换成你自己的就可以,记得,图片地址是相对路径
至于这行代码里的代码都是什么意思,今天就不去详细解释了,有时间的可以自行百度
今天还有一个挺有意思的小玩意儿
献给大家截个图看下
一般情况下可能说点一下超链接,要么本页面被覆盖,要么就跳转到新的页面上
其实有一个东西挺有意思的,就是iframe,还有就是怎么让上面两行的字滚动起来,marquee ,还有一个就是插入音频, embed
第一行第二行就是滚动代码,direction="right"是从左往右滚动 behavior="alternate"是回弹、重复、反复 scrollamount="50"是移动速度,以px(像素)为单位
第三行是插入音频,并隐藏 src="音频的相对路径" hidden="true"是隐藏的意思,true就是确定隐藏,false就是不隐藏,autostart自动播放,道理同上,loop循环,同上
第四行超链接,这个不再赘述,需要提醒的是target=f1是给iframe中的name做一个连接用的,可以理解为分组,也可以理解为命名
地七行 iframe,其实就是在原来的窗口内嵌入一个小窗口来显示其他的页面
实践出真知
1 <link rel="shortcut icon" type="image/x-icon" href="aaaa.ico" media="screen" />
标题栏的小图标,把href后面的图片地址更换成你自己的就可以,记得,图片地址是相对路径
至于这行代码里的代码都是什么意思,今天就不去详细解释了,有时间的可以自行百度
今天还有一个挺有意思的小玩意儿
献给大家截个图看下
一般情况下可能说点一下超链接,要么本页面被覆盖,要么就跳转到新的页面上
其实有一个东西挺有意思的,就是iframe,还有就是怎么让上面两行的字滚动起来,marquee ,还有一个就是插入音频, embed
1 <marquee direction="right" behavior="alternate" scrollamount="50">啦啦啦啦啦</marquee> 2 <marquee direction="right" behavior="alternate" scrollamount="20">jing心</marquee> 3 <embed src="Ludovico Einaudi - Cadenza.mp3" hidden="true" autostart="true" loop="true"/> 4 <a href="http://www.baidu.com" target="f1">百度</a><br /> 5 <a href="http://www.qq.com" target="f1">腾讯</a><br /> 6 <a href="http://www.sina.com.cn" target="f1">新浪</a><br /> 7 <iframe name="f1" width="100%" height="500px"> 8 9 </iframe>
第一行第二行就是滚动代码,direction="right"是从左往右滚动 behavior="alternate"是回弹、重复、反复 scrollamount="50"是移动速度,以px(像素)为单位
第三行是插入音频,并隐藏 src="音频的相对路径" hidden="true"是隐藏的意思,true就是确定隐藏,false就是不隐藏,autostart自动播放,道理同上,loop循环,同上
第四行超链接,这个不再赘述,需要提醒的是target=f1是给iframe中的name做一个连接用的,可以理解为分组,也可以理解为命名
地七行 iframe,其实就是在原来的窗口内嵌入一个小窗口来显示其他的页面
实践出真知
相关文章推荐
- HTML 常用小技巧 【标题图标】【锚点】【插入音乐,视频】【滚动效果】【嵌入网页】
- HTML网页中插入输入框,输入框内容或代码可点击"运行代码"运行,在浏览器看到运行输入框内代码效果。此HTML代码由表单代码textarea和简单JS代码实现。 HTML代码: <textarea n
- HTML网页中添加音频视频动画...(转)
- html 网页中插入视频没有画面只有声音的问题
- 转:HTML网页中插入视频各种方法
- 第九次第十次作业 网页设计HTML语言之mp3 与mp4音频与视频两次作业,功能在一起也可
- HTML 常用标记(3)--图片、声音、视频、滚动效果
- html中插入视频音频
- HTML插入音频和视频的最佳方式
- html插入音频或视频
- html笔记——网页中视频播放,文字滚动
- 简单的网页布局效果html5+CSS3
- HTML网页中插入视频的方法
- C#实现的一些音频,视频,简单动画效果
- 网页中插入音频和视频
- HTML 5 Audio Video中怎样来插入音频和视频?
- HTML 5 Audio Video中怎样来插入音频和视频?
- 大学生简单网页个人主页制作大学生网页作业html&css视频教程
- html制作简单框架网页二 实现自己的影音驿站 操作步骤及源文件下载 (可播放mp4、avi、mpg、asx、swf各种文件的视频播放代码)
- 在HTML网页中插入VLC视频或者windows media player视频