后台开发学习（五）HTML5框架背景实体

最新推荐文章于 2022-11-02 21:05:19 发布

杯茶我非

最新推荐文章于 2022-11-02 21:05:19 发布

阅读量654

点赞数

分类专栏：网站开发文章标签： html5

本文链接：https://blog.csdn.net/x13308605592/article/details/60141256

版权

网站开发专栏收录该内容

9 篇文章 0 订阅

订阅专栏

HTML框架：

框架标签（frame）

框架对于页面的额设计有着很大的作用。

框架集标签（<frameset>）

框架集标签定义如何将窗口分割为框架。

每一个frameset定义一系列行或列。

rows、cols的值规定了每行或每列占屏幕的面积。

常用标签

noresize：固定框架大小。

cols：列

rows：行

内联框架

ifream

框架集标签：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>framea</title>
</head>
<body bgcolor="#f0ffff">

</body>
</html>
<!--定义framea的颜色-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>frameb</title>
</head>
<body bgcolor="#7fffd4">

</body>
</html>
<!--定义frameb的颜色-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>framec</title>
</head>
<body bgcolor="#ffe4c4">

</body>
</html>
<!--定义framec的颜色-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

    <frameset cols="20%,30%,50%">
        <frame src="framea.html"></frame>
        <frame src="frameb.html"></frame>
        <frame src="framec.html"></frame>
    </frameset>

<!--frameset在使用时不能再body内-->
</html>

内联框架：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>framea</title>
</head>
<body bgcolor="#f0ffff">
</body>
    <iframe src="frameb.html" frameborder="0" width="300px"   height="300px"></iframe>
</html>
<!--定义framea的颜色-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>frameb</title>
</head>
<body bgcolor="#7fffd4">
    <iframe src="framec.html" frameborder="0" width="150px" height="150px"></iframe>
</body>
</html>
<!--定义frameb的颜色-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>framec</title>
</head>
<body bgcolor="#ffe4c4">
    <a href="https://www.baidu.com">妈卖批</a>
</body>
</html>
<!--定义framec的颜色-->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>

<iframe src="framea.html" frameborder="0" width="100%" height="400x">
</iframe>

</html>