HTML学习笔记4

---恢复内容开始---

1.框架

　　<iframe></iframe>  可以嵌在普通页面里面 

　　　　　　　　　　　src ：框架里面显示的页面的地址　　width ：框架的宽度

　　　　　　　　　　　height：框架的高度  frameborder：框架的边框   scrolling ：滚动条

　　 代码：

<!-- 应用左边导航栏  右边iframe 点击左侧导航栏 在右侧显示 frameborder边框-scrolling滚动条->
		<iframe src="1221-4" frameborder="0"  scrolling="yes" width="500" height="400"></iframe>
		<iframe src="1221-4" frameborder="0"  scrolling="auto" width="500" height="400"></iframe>
		<iframe src="1221-4" frameborder="0"  scrolling="no" width="500" height="400"></iframe>

 　　效果展示：

　　<frameset></frameset>  框架集（用户可以自己调节大小）

　　　　如果使用此框架，当前页面不能由<body></body>标签

　　　　  cols = "300,*"  左右拆分，左边宽300，右边宽剩余

　　　　  rows = “300，*”  上下拆分，上边高300，下边高剩余

　　　　frameborder ：

　　　　边框  <frame /> src:框架要显示的页面地址  scrolling：滚动条

　　代码：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<!-- 用它body必须去掉
		frameset 引用是在frame里src-->
	<frameset cols="50%,25%,*" rows="50%,*">
		<frame src="https://www.baidu.com">
		<frame src="https://www.baidu.com">
		<frame src="https://www.baidu.com">
		<frame src="https://www.baidu.com">
		<frame src="https://www.tianmao.com"> 
		<frame src="https://www.baidu.com">
		<frame src="https://www.baidu.com">
	</frameset>
</html>

　　效果展示：

2.其它

　　<marquee></marquee>滚动效果 

　　　　direction：滚动方向  up 上   down 下  left 左  right 右

　　<mark>  做标记：<p>你<mark>们</mark>好</p>

　　<hr>：做分隔线

　　页面嵌入视频 vedio标签

　　　　controls="controls":控制播放     loop="loop"循环播放    autoplay="autoplay"自动播放     muted="muted"静音播放

   代码:

	<body>
		<marquee direction="left">123ww</marquee>
		<!-- 图片可以滚动起来 -->
		<marquee direction="left"><img src="../img/qrcode.png" ></marquee>
		<p>我【fhafgvfav <mark>嫑</mark>基督教噢IE董鄂妃就</p>
		<hr />
		DJIjjv[sadjfig]aqvgfiwaogvdsvna q-[gfjsadfko fkejwe9jfij]
		<!-- controls="controls":控制播放  loop="loop"循环播放 autoplay="autoplay"自动播放muted="muted"静音播放 -->
		<video width="800" height="" controls="controls" loop="loop" autoplay="autoplay" muted="muted" >
			<source src="mda-jinrhu6sbbw3qa0w.mp4" type="video/mp4"></source>
			<source src="myvideo.ogv" type="video/ogg"></source>
			<source src="myvideo.webm" type="video/webm"></source>
			<object width="" height="" type="application/x-shockwave-flash" data="myvideo.swf">
				<param name="movie" value="myvideo.swf" />
				<param name="flashvars" value="autostart=true&file=myvideo.swf" />
			</object>
			当前浏览器不支持 video直接播放，点击这里下载视频： <a href="myvideo.webm">下载视频</a>
		</video>
	</body>

　　效果展示：

 

 

---恢复内容结束---

posted @ 2019-10-23 11:16  xiren88  阅读(156)  评论(0)  编辑  收藏  举报