Web前端基础知识

最新推荐文章于 2020-05-14 19:24:49 发布

佐酒先生

最新推荐文章于 2020-05-14 19:24:49 发布

阅读量429

点赞数

本文链接：https://blog.csdn.net/pamguangyou/article/details/74935493

版权

1.frameSet框架布局

创建框架网页的步骤：

1.创建各个子窗口对应的HTML文件；

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

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

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

<a href="https://www.baidu.com/" target="rightframe">left</a>

<!--此处的href为点击连接会跳转到right页面显示--></body></html>

2.创建整个框架文件，分别引用子窗口文件；

创建框架页面的基本语法：
<frameset cols="25%,50%,*" rows="50%,*"  border="5" >
    <frame src="top.html" noresize="norsesize">
    ......
</frameset>

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


<frameset  rows="20%,*">
    <frame src="top.html"  noresize="noresize"/>
    <frameset cols="20%,*" >
        <frame src="left.html"  noresize="noresize"/>
        <frame src="right.html" noresize="noresize" name="rightframe"/>
    </frameset>
</frameset>
</html>

效果：

2.iframe内嵌框架

佐酒先生

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Web前端基础知识

1.frameSet框架布局创建框架网页的步骤：1.创建各个子窗口对应的HTML文件； Toplogo rightright leftleft此处的href为点击连接会跳转到right页面显示-->2.创建整个框架文件，分别引用子窗口文件；创建框
复制链接

扫一扫