【HTML】框架标签

最新推荐文章于 2023-07-14 18:04:08 发布

406密码

最新推荐文章于 2023-07-14 18:04:08 发布

阅读量72

点赞数 1

分类专栏： java WEB

本文链接：https://blog.csdn.net/qq_40611605/article/details/86564349

版权

java WEB 专栏收录该内容

10 篇文章 0 订阅

订阅专栏

框架标签:

注意:第一步一定要删除<body></body>标签

rows：按照行进行切分页面

cols:按照列进行切分页面

子标签：

<frame></frame>:进行切分区域的占位，一个 <frame></frame>单独加载网页资源

src：资源路径（本地或网络）

name：区域名，结合超链接使用

示例代码：

<html>
	<head>
		<meta charset="utf-8">
		<title>框架标签学习</title>
	</head>
	<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>

frameset/top.html

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		I am top.
	</body>
</html>

frameset/left.html

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		I am right.
	</body>
</html>

frameset/right.html

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<ol >
		<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>
		</ol>
		
	</body>
</html>

frameset/bottom.html

<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		我是bottom
	</body>
</html>

运行结果：

406密码

关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
【HTML】框架标签

框架标签:注意:第一步一定要删除&lt;body&gt;&lt;/body&gt;标签&lt;frameset&gt;&lt;/frameset&gt; rows：按照行进行切分页面 cols:按照列进行切分页面子标签： &lt;frame&gt;&lt;/frame&gt;:进行切分区域的占位，一个 &lt;frame&
复制链接

扫一扫