HTML3-视频图像的插入

最新推荐文章于 2022-10-13 10:29:56 发布

虚心求教的少年

最新推荐文章于 2022-10-13 10:29:56 发布

阅读量191

点赞数

分类专栏： HTML 培训笔记

本文链接：https://blog.csdn.net/qq_42712280/article/details/107335612

版权

培训笔记同时被 2 个专栏收录

52 篇文章 0 订阅

订阅专栏

HTML

9 篇文章 0 订阅

订阅专栏

目标：

分帧窗口实例：

左右分割：

<html>
<head>
<title>分帧窗口示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset cols="20%,*" > 
<frame name="leftFrame" noresize src="http://www.baidu.com">
<frame name="mainFrame" noresize src="http://www.sohu.com">
</frameset>
<noframes>
<body>
<p>很抱歉！这是一个分帧页面，但由于你的浏览器不支持，所以不能浏览！ </p>
<p>Sorry!This page uses frames,but your browser doesn't support them .
</body></noframes>
</html>

上下分割：

<html>
<head>
<title>分帧窗口示例</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head>
<frameset rows="20%,*"> 
<frame name="topFrame" scrolling="NO" noresize src="" >
<frameset cols="18%,*"> 
<frame name="leftFrame" noresize src="">
<frame name="mainFrame" src="">
</frameset>
</frameset>
<body>
<p>很抱歉！这是一个分帧页面，但由于你的浏览器不支持，所以不能浏览！ </p>
<p>Sorry!This page uses frames,but your browser doesn't support them .
</body></noframes>
</html>

网页中加声音：

<html>
<head>
<title>html演示文档</title>
</head>
<body>
<BGSOUND SRC=danyuan.mid LOOP=True> 
欢迎您来到百纳学习！<br>
<br>
今天的投入，明天丰厚的收入！ 
</body>
</html>

添加控件后的声音播放

<html>
<head>
<title>添加音乐播放的控件</title>
</head>
<body>
<EMBED src=kissbye.mid width=145 height=60 autostart=True loop=True></EMBDE>

欢迎您来到百纳学习！<br>
<br>
今天的投入，明天丰厚的收入！ 
</body>
</html>

网页中加视频：

无控件：
<html>
<head>
<title>视频动画loop</title>
</head>
<body>
<video>
<source src="案例视频.mp4"></source>
</video>
</body>
</html>
或：
<html>
<head>
<title>html演示文档</title>
</head>
<body>
<video>
<source src="案例视频.mp4">
</video>
<br>
 
</body>
</html>
另一种方式，但不通用：
<html>
<head>
<title>视频动画</title>
</head>
<body>
<img src="" dynsrc="clock.avi"><BR><BR><br>
欢迎您到百纳学习! 
</body>
</html>

加控件：
<html>
<head>
<title>html演示文档</title>
</head>
<body>
<video controls loop height=600px width=600px>
<source src="案例视频.mp4">
</video>
<br>
今天的投入，明天丰厚的收入！ 
</body>
</html>

循环显示：

<html>
<head>
</head>
<body>
<marquee width=250>欢迎您到百纳学习!</marquee>
<p>
<marquee scrolldelay=5 scrollamount=150>哗！！太快了，我都昏啦</marquee> 
</body>
</html>

虚心求教的少年

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML3-视频图像的插入

目标：分帧窗口实例：左右分割：<html><head><title>分帧窗口示例</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"></head><frameset cols="20%,*" > <frame name="leftFrame" noresize src="http://www.b
复制链接

扫一扫

专栏目录