HTML实例-078 HTML的垂直框架

hrs 提交于 2019/11/18 - 08:02 , 周一

我们在编辑 html 网页的时候,可以通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。这一节我们就来学习 html 框架的使用。

实例代码:

<!doctype html>
<head>
<meta charset="utf-8">
</head>
<html>
<frameset cols="25%,50%,25%">
<frame src="frame_a.html">
<frame src="frame_b.html">
<frame src="frame_c.html">
</frameset>
</html>

另外三个页面的代码:

frame_a.html

<!doctype html>
<head>
<meta charset="utf-8">
<style>
body{
background-color:#8F8FBD;
}

</style>
</head>
<html>
<body >
<h1>Frame A</h1>
</body>
<html>

frame_b.html

<!doctype html>
<head>
<meta charset="utf-8">
<style>
body{
background-color:#EBC79E;
}

</style>
</head>
<html>
<body >
<h1>Frame B</h1>
</body>
<html>

frame_c.html

<!doctype html>
<head>
<meta charset="utf-8">
<style>
body{
background-color:#FFFFCC;
}

</style>
</head>
<html>
<body >
<h1>Frame C</h1>
</body>
<html>

运行效果:

html_078.png

标签