码迷,mamicode.com
首页 > Web开发 > 详细

08-HTML-框架标签学习.html

时间:2020-03-04 19:15:27      阅读:86      评论:0      收藏:0      [点我收藏+]

标签:注意   http   class   col   淘宝网   一个   登录页面   百度   淘宝   

<html>
	<head>
		<title>框架标签学习:</title>
		<meta charset="UTF-8"/>
	</head>
	<!--
		注意:
			第一步一定要删除body标签
		框架标签学习:
			frameset
				rows:按照行进行切分页面
				cols:按照列进行切分页面
				子标签:
					frame:进行切分区域的占位,一个frame可以单独加载网页资源.
						src:资源路径(本地或者网络)
						name:区域名,结合超链接使用
	-->
	<frameset rows="10%,*,10%">
		<frame src="frameset/top.html" />
		<frameset cols="10%,*">
			<frame src="frameset/left.html" />
			<frame src="frameset/right.html" name="_right"/>
		</frameset>
		<frame src="frameset/bottom.html" />
	</frameset>
</html>

  

left:

<html>
	<head>
		<title></title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<ul>
			<li><a href="http://www.baidu.com" target="_right">百度一下</a></li>
			<li><a href="http://www.taobao.com" target="_right">淘宝网</a></li>
			<li><a href="http://www.jd.com" target="_right">京东网</a></li>
		</ul>
	</body>
</html>

  

right:

<html>
	<head>
		<title></title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		我是 right
	</body>
</html>

  

top:

<html>
	<head>
		<title></title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		我是 top
		<a href="../12-HTML-frameset登录页面.html" target="_top">退出</a>
	</body>
</html>

  

08-HTML-框架标签学习.html

标签:注意   http   class   col   淘宝网   一个   登录页面   百度   淘宝   

原文地址:https://www.cnblogs.com/wcyMiracle/p/12411199.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!