HTML-10.1-框架标签

最新推荐文章于 2023-04-19 18:44:01 发布

anh_qwh

最新推荐文章于 2023-04-19 18:44:01 发布

阅读量202

点赞数 1

分类专栏： HTML WEB前端文章标签： HTML框架标签 frameset frame

本文链接：https://blog.csdn.net/QWH_PYTHON/article/details/100546523

版权

WEB前端同时被 2 个专栏收录

61 篇文章 0 订阅

订阅专栏

HTML

11 篇文章 0 订阅

订阅专栏

HTML-10.1-框架标签

一：框架的集合
二：框架

<frameset>框架</frameset>
框架标签不能放在<body>标签里面，因为<body>标签代表的只是一个页面，而框架标签代表的是多个标签
- <frameset>和<body>只能二选一
框架的集合用<frameset>表示，然后在<frameset>集合放入一个一个的框架<frame>

一：框架的集合

<frameset></frameset>
一个框架的集合可以包含多个框架或框架集合
属性
- row：水平分割，将框架分为上下部分
  - 绝对值写法：row=“200,*”
    - 这里包含两个框架：上面的框架占200个像素，下面的框架占剩下的部分
  - 相对值写法：row=“30%,*”
    - 其中 * 代表剩余的
    - 这里包含了两个框架：上面的框架占了30%，下面的框架占70%
  - 将框架分成很多行，在属性值用逗号隔开就行了
- cols：垂直分割，将框架分为左右部分
  - 绝对值写法：cols=“200,*”
    - 这里包含两个框架：左边的框架占200个像素，右边的框架占剩下的部分
  - 相对值写法：cols=“30%,*”
    - 其中 * 代表剩余的
    - 这里包含了两个框架：左边的框架占了30%，右边的框架占70%
  - 将框架分成很多列，在属性值用逗号隔开就可以了

<!-- 水平分隔 -->
<frameset rows="20%,*">
	<!-- 上部分所显示的内容 -->
	<frame src="./table.html"></frame>
	
	<!-- 对剩下的80%进行水平分隔 -->
	<frameset rows="25%,*">
		<frame src="./table.html"></frame>
		
		<!-- 垂直分隔 -->
		<frameset cols="20%,*">
			<frame src="./table.html"></frame>
			<frame src="./table.html"></frame>
		</frameset>
	
	</frameset>

</frameset>

二：框架

<frame>
一个框架显示一个页面
属性
- scrolling=“no”
  - 是否需要滚动条
  - 默认值是true
- noresize
  - 不可以改变框架大小
  - 如果用了这个属性值，框架大小将固定
  - <frame src=“TOP.html” noresize></frame>
- bordercolor
  - 给框架边框定义颜色
  - IE浏览器生效，Google无效
- frameborder=“0” 或 frameborder=“1”
  - 隐藏或显示边框（框架线）
- name
  - 给框架起一个名字
  - 利用 name 这个属性，可以在框架里进行超链接

<frameset rows="20%,*">
    <frame src="TOP.html"></frame>

	<frameset cols="30%,*">
		<frame src="LEFT.html" frameborder="0+"></frame>
		<frame src="RIGHT.html" name="右下角框架"></frame>
	</frameset>>

</frameset>