HTML 框架frame

最新推荐文章于 2024-06-25 10:52:00 发布

木木木是我

最新推荐文章于 2024-06-25 10:52:00 发布

阅读量3.2k

点赞数 1

分类专栏： HTML

本文链接：https://blog.csdn.net/lx678111/article/details/80445556

版权

HTML 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

HTML <frameset> 标签

定义和用法

frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。您必须使用 cols 或 rows 属性。

可选的属性

属性	值	描述
cols	pixels % *	定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。
rows	pixels % *	定义框架集中行的数目和尺寸。有关 rows 属性的详细信息。

HTML <frame> 标签

定义和用法

<frame> 标签定义 frameset 中的一个特定的窗口（框架）。

frameset 中的每个框架都可以设置不同的属性，比如 border、scrolling、noresize 等等。

name	name	规定框架的名称。
noresize	noresize	规定无法调整框架的大小。
scrolling	yes no auto	规定是否在框架中显示滚动条。
src	URL	规定在框架中显示的文档的 URL。

HTML <iframe> 标签

定义和用法

iframe 元素会创建包含另外一个文档的内联框架（即行内框架）。

属性	值	描述
align	left right top middle bottom	不赞成使用。请使用样式代替。规定如何根据周围的元素来对齐此框架。

属性

值

描述

align

left
right
top
middle
bottom

不赞成使用。请使用样式代替。

规定如何根据周围的元素来对齐此框架。

height	pixels %	规定 iframe 的高度。

height

pixels
%

规定 iframe 的高度。

name	frame_name	规定 iframe 的名称。

name

frame_name

规定 iframe 的名称。

scrolling	yes no auto	规定是否在 iframe 中显示滚动条。

scrolling

yes
no
auto

规定是否在 iframe 中显示滚动条。

src	URL	规定在 iframe 中显示的文档的 URL。

src

URL

规定在 iframe 中显示的文档的 URL。

width	pixels %	定义 iframe 的宽度。

width

pixels
%

定义 iframe 的宽度。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>frameset框架演示</title>
</head>
<frameset rows="20%,*">
	<frame src="frms/head.html" noresize="noresize" scrolling="no" />
	<frameset cols="22%,*">
		<frame src="frms/menu.html" />
		<frame src="table2.html" name="mainWin" />
	</frameset>
</frameset>

<body>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
span {
	font-size: 30pt;
}
</style>
</head>
<body bgcolor="#FFFF00">
	<img alt="" src="logo.png" height="50">
	<span>湖南城市学院</span>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style type="text/css">
span {
	font-size: 30pt;
}
</style>
</head>
<body bgcolor="#FFC1E0">
	<div>
		<a href="tm.html" target="mainWin">土木工程学院</a>
	</div>
	<div>
		<a href="sjy.html" target="mainWin">数学与计算机学院</a>
	</div>
	<div>
		<a href="wgy.html" target="mainWin">外国语学院</a>
	</div>
	<div>
		<a href="../table2.html" target="mainWin">学生部</a>
	</div>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
<body bgcolor="#FFFF00">
	<h1>数学与计算机学院</h1>
	<h1>数学与计算机学院</h1>
	<h1>数学与计算机学院</h1>
	<h1>数学与计算机学院</h1>
	<h1>数学与计算机学院</h1>

</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
<body bgcolor="#FFFF00">
		<h1>土木工程学院</h1>
		<h1>土木工程学院</h1>
		<h1>土木工程学院</h1>
        
        <iframe src="aa.txt"></iframe>
        
        <h1>土木工程学院</h1>
		<h1>土木工程学院</h1>
		<h1>土木工程学院</h1>
		
		<iframe src="StringCutDemo.txt" scrolling="auto" width="600"></iframe>
</body>
</html>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

</head>
<body bgcolor="#FFFF00">
		<h1>外国语学院</h1>
		<h1>外国语学院</h1>
		<h1>外国语学院</h1>
		<h1>外国语学院</h1>
		<h1>外国语学院</h1>
	</body>
</html>