HTML简单学习（三）-框架了解

最新推荐文章于 2022-05-12 18:46:09 发布

zhang___gang

最新推荐文章于 2022-05-12 18:46:09 发布

阅读量224

点赞数

分类专栏： HTML

本文链接：https://blog.csdn.net/zhang___gang/article/details/84857448

版权

HTML 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

frameset框架集

基本已经废弃，简单了解即可，5.0版本现也不支持，现在主要使用div+css
创建框架网页的步骤
- 创建各个子窗口对应的HTML文件
- 创建整个框架文件，分别引用子窗口文件

创建框架页面的基本语法：

<frameset cols="%25,50%,*" rows="%50,*" border="5">
    <frame src="top.html>
    <frame src="left.html>
    ......
</frameset>

iframe内嵌框架

iframe语法

<body>
    <iframe src="引用页面地址" name="框架标识名" frameborder="边框"scrolling="yes"/>
</body>
<--和frameset不一样，放在body标签中-->

可以把一个页面嵌入到另一个页面中（网页也可以，如http://www.baidu.com）：

示例展示：

page3.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面3</title>
</head>
<body>
    这是页面3
    <br/>
    <!--内嵌页面4-->
    <iframe src="page4.html" name="page4"></iframe>
    结束
    <br/>
</body>
</html>

page4.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>页面4</title>
</head>
<body>
    这是页面4
</body>
</html>

结果如下：

zhang___gang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML简单学习（三）-框架了解

frameset框架集基本已经废弃，简单了解即可，5.0版本现也不支持，现在主要使用div+css 创建框架网页的步骤创建各个子窗口对应的HTML文件创建整个框架文件，分别引用子窗口文件创建框架页面的基本语法： &lt;frameset cols="%25,50%,*" rows="%50,*" border="5"&gt; &lt;frame src="top...
复制链接

扫一扫

专栏目录