frame框架标签的使用

最新推荐文章于 2024-07-19 15:30:00 发布

像极了夏洛特

最新推荐文章于 2024-07-19 15:30:00 发布

阅读量3.9k

点赞数 8

分类专栏： web基础文章标签： frame 框架标签页面切割

本文链接：https://blog.csdn.net/D_BBY/article/details/100084664

版权

web基础专栏收录该内容

7 篇文章 1 订阅

订阅专栏

网页框架就是把一个网页画面分成几个框窗, 每个框窗中指定一个html网页进行显示。
用到的知识点有：

frameset：称框架标记，用以宣告HTML文件为框架模式，并设定视窗如何分割
- rows: 指定视窗分割为几行, 进行每行空间占比的分配 rows 15%, * 表示的意思是把网页切割成两部分上半部分占一个面的百分之15，下半部分占剩下的全部。
- cols: 指定视窗分割为几列, 进行每列空间占比的分配 cols 100, * 此处的100指100像素，省略px
frame: 则只是设定某一个框窗内的参数属性, 用来指定一个html网页
- name: 设定这个框窗的名称
  如果想要让超链接在那部分进行显示，则将超链接中加入target属性，将这部分的name值填入即可。
  下面展示出代码和截图：

left.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>left页面</title>
	</head>
	<body>
		left页面
		<ul>
			<li><a href="Shop.html"  target="right">商城</li>
		</ul>
	</body>
</html>

right.html

<html>
	<head>
		<meta charset="utf-8">
		<title>right页面</title>
	</head>
	<body>
		right页面
	</body>
</html>

top.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>top页面</title>
	</head>
	<body>
		top页面
	</body>
</html>

frame.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>框架</title>
	</head>
		<frameset rows="20%,*">
			<frame src="top.html" name="top">
			<frameset cols="250,*">
				<frame src="left.html" name="left"/>
				<frame src="right.html" name="right"/>
			</frameset>
		</frameset>
</html>

页面效果展示