一.框架

（frameset）
1.用<frameset></frameset>代替了<body></body>
2.rows设置行的占页面的百分比；cols设置列的所占百分比；*表示剩余的百分比；frameborder设置框架的边框（取值0/1）0–不显示边框1–在每个页面之间都显示边框；bordercolor设置边框颜色；framespacing表示框架与框架间保留的空白距离。
3.noresize设置禁止用户拖拉框架大小；scrolling设置滚动条是否显示；src路径连接到内容页面
4.用法例：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8">

        <title></title>

    </head>

    <frameset rows="30%,*,10%" frameborder="1"  bordercolor="blue" framespacing="10">

        <frame src="02.html" noresize="noresize" scrolling="no" />

        <frameset cols="20%,70%,*">

            <frame src="03.html" />

            <frame src="01.html" noresize="noresize" scrolling="no"/>

            <frame src="index.html" noresize="noresize" scrolling="no"/>

        </frameset>

        <frame src="03.html" noresize="noresize" scrolling="no"/>

    </frameset>

</html>

二.内嵌
例：

<!DOCTYPE html>

<html>

    <head>

        <meta charset="utf-8" />

        <title></title>

        <link rel="stylesheet" href="css/01.css"/>

    </head>

    <body>

        <h1 align="center">个人简历</h1><!--标题-->

        <form><!--表单-->

        <table border="1" cellspacing="0" cellpadding="0" align="center"><!--表格-->

        <tr align="center">

            <td>姓名</td>

            <td><input type="text" placeholder="觅知网"/></td><!--placeholder设置提示-->

            <td>出生年月</td>

            <td><input type="text"placeholder="1996.05"/></td>

            <td rowspan="4">

                <div id="div1"><img src="img/希望.jpg" width="180" height="90"/></div></td>

        </tr><!--img插入图片-->

        <tr align="center">

            <td>名族</td>

            <td><input type="text"placeholder="汉"/></td>

            <td>政治面貌</td>

            <td><input type="text" placeholder="中共党员"/></td>

        </tr>

        <tr align="center">

            <td>电话</td>

            <td><input type="tel" name="tel" maxlength="11" placeholder="13500135000"/></td>

            <td>毕业院校</td>

            <td><input type="text" placeholder="广州科技大学"/></td>

        </tr>

        <tr align="center">

            <td>邮箱</td>

            <td><input type="email" placeholder="2968218682@qq.com"/></td>

            <td>学历</td>

            <td><input type="text" placeholder="专科"/></td>

        </tr>

        <tr align="center">

            <td>地址</td>

            <td colspan="4"><iframe src="dizhi.html" noresize="noresize" scrolling="no" width="600" height="30" frameborder="0"></iframe></td>

        </tr><!--iframe内嵌一个文件到单元格之中-->

        <tr align="center">

            <td>求职意向</td>

            <td colspan="4"><iframe src="qiuzhiyixiang.html" noresize="noresize" scrolling="no" width="600" height="30" frameborder="0"></iframe></td>

        </tr><!--noresize="noresize"用户无法改动拖拉边框大小-->

        <tr>

            <td>教育背景</td>

            <td colspan="4"><iframe src="jiaoyubeijing.html" noresize="noresize" scrolling="no" width="600" height="80"frameborder="0"></iframe></td>

        </tr><!--scrolling="no"设置滚动条不显示-->

        <tr>

            <td>实习经历</td>

            <td colspan="4"><iframe src="shixijingli.html"noresize="noresize" scrolling="no" width="600" height="140"frameborder="0"></iframe></td>

        </tr><!--frameborder="0"设置无边框-->

        <tr>

            <td>校内实践</td>

            <td colspan="4"><iframe src="xiaoneishijian.html" noresize="noresize" scrolling="no" width="600" height="140"frameborder="0"></iframe></td>

        </tr>

        <tr>

            <td>技能证书</td>

            <td colspan="4"><iframe src="jinengzhengshu.html"noresize="noresize" scrolling="no" width="600" height="60"frameborder="0"></iframe></td>

        </tr>

        <tr>

            <td>自我评价</td>

            <td colspan="4"><iframe src="ziwopingjia.html"noresize="noresize" scrolling="no" width="600" height="50"frameborder="0"></iframe></td>

        </tr>

        </table>

        </form>

    </body>

</html>

注释：iframe可以设置宽width和高height

HTML+CSS教程（二）frameset框架和iframe内嵌的更多相关文章

  1. MapReduce教程(二)MapReduce框架Partitioner分区<转>

    1 Partitioner分区 1.1 Partitioner分区描述 在进行MapReduce计算时,有时候需要把最终的输出数据分到不同的文件中,按照手机号码段划分的话,需要把同一手机号码段的数据放 ...

  2. Python3.x：selenium获取iframe内嵌页面的源码

    Python3.x:selenium获取iframe内嵌页面的源码 前言 在一些网页中经常会看到ifrmae/frame标签,iframe是嵌入式框架一般用来在已有的页面中嵌入另一个页面,当一个元素在 ...

  3. 如何根据iframe内嵌页面调整iframe高宽续篇

    接着昨天的工作 如何根据iframe内嵌页面调整iframe高宽 来说,按照文章中说的第二种方法实现代码如下: 实现 A.com/detail/view 页面的iframe代码如下: <ifra ...

  4. 关于selenium自动化对iframe内嵌元素的处理

    今天上班闲来无聊,于是来练练自动化,结果碰上了可恶的iframe,楼主,以前也遇到过,但是一直也没搞懂怎么处理的,都是抄别人的代码,今天决定独立解决试试.首先先来认识什么是iframe,它就长下图这样 ...

  5. MetaBase使用iframe内嵌到Vue页面样式优化

    Matebase是一个开源,易上手的BI工具,这里不做太多介绍了. 官网地址:https://www.metabase.com/ 解决问题描述: 使用iframe内嵌Metabase公开链接之后,页面 ...

  6. 如何根据iframe内嵌页面调整iframe高宽

    问题来自于工作的实例,我的一个域名A的页面,有个iframe,它可能内嵌了另一个域名B的页面,也可能内嵌域名C的页面,但是呢,B和C的页面大小是不一样的,特别是高是不一样的高,那么我如何设置ifram ...

  7. iframe内嵌页面——跨域通讯

      <template> <div class="act-form"> <iframe :src="src" ref=" ...

  8. 弹出iframe内嵌页面元素到父页面并全屏化

    (注册博客好久了,一直没舍得添砖加瓦,主要是每次想写点东西的时候,随便搜一搜发现都比我总结的都要好,甚感尴尬,但是总是要开始的,所以这就是我的第一篇博客,也绝不会是最后一篇,废话不多说,直接入正题) ...

  9. 使用iframe内嵌PC网站实现高度自适应

    加个样式 <style> iframe { display: block; border: none; height: 90vh;/*设置高度百分比,一直调到只有一个滚动调为止*/ wid ...

随机推荐

  1. 成为视频分析专家：自动生成视频集锦(Python实现)

    介绍 我是个超级板球迷.从我记事起,我就迷上了这项运动,至今它仍在我的日常生活中起着重要的作用.我相信很多读到这篇文章的人都会点头! 但是自从我开始工作以来,要跟上所有的比赛就成了一件棘手的事.我不能 ...

  2. Qt 事件使用示例 (一)

    Qt 事件使用示例,以一个常见的使用来说明:QLabel 当鼠标滑过时改变颜色. 事先说明要想实现这一功能有很多种方法,如Qss实现,本文使用Qt事件的方式来实现. 第一步,我们得实现一个从QLabe ...

  3. yum，rpm等失效，使用系统安装包ISO文件降级程序恢复系统

    linux平台:REHL6.7 故障原因:由于不小心使用命令yum update nss误升级了工作平台中nss系列工具包导致系统中yum 和 rpm命令执行都报错. 由于yum rpm命令都不好用使 ...

  4. Spring中的设计模式：工厂方法模式

    导读 工厂方法模式是所有设计模式中比较常用的一种模式,但是真正能搞懂用好的少之又少,Spring底层大量的使用该设计模式来进行封装,以致开发者阅读源代码的时候晕头转向. 文章首发于微信公众号[码猿技术 ...

  5. Spring如何解决循环依赖，你真的懂了？

    导读 前几天发表的文章SpringBoot多数据源动态切换和SpringBoot整合多数据源的巨坑中,提到了一个坑就是动态数据源添加@Primary接口就会造成循环依赖异常,如下图: 这个就是典型的构 ...

  6. 物体的三维识别与6D位姿估计：PPF系列论文介绍（三）

    作者:仲夏夜之星 Date:2020-04-08 来源:物体的三维识别与6D位姿估计:PPF系列论文介绍(三) 文章“A Method for 6D Pose Estimation of Free-F ...

  7. C 神奇项链

    时间限制 : - MS   空间限制 : - KB  评测说明 : 1s,64m 问题描述 母亲节就要到了,小 H 准备送给她一个特殊的项链.这个项链可以看作一个用小写字母组成的字符串,每个小写字母表 ...

  8. ARM.SchDoc图解

    1.基准电压.CR1220电池 2.LCD 3.SPI 4.外部SAM 5.实时时钟 6.EEPROM 7.JTAG 8.复位

  9. 51单片机内存条（64K）

    51单片机内存条扩展(64K) 设计时间:2015年 实现功能:51单片机SRAM扩展 51单片机64K内存条

  10. 配置一个mariadb数据库《二》

                                                             mariadb 配置一个数据库 案例4:配置一个数据库 4.1 问题 本例要求在虚拟机 ...