HTML+CSS教程（二）frameset框架和iframe内嵌
一.框架
（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内嵌的更多相关文章
- MapReduce教程(二)MapReduce框架Partitioner分区<转>
1 Partitioner分区 1.1 Partitioner分区描述 在进行MapReduce计算时,有时候需要把最终的输出数据分到不同的文件中,按照手机号码段划分的话,需要把同一手机号码段的数据放 ...
- Python3.x：selenium获取iframe内嵌页面的源码
Python3.x:selenium获取iframe内嵌页面的源码 前言 在一些网页中经常会看到ifrmae/frame标签,iframe是嵌入式框架一般用来在已有的页面中嵌入另一个页面,当一个元素在 ...
- 如何根据iframe内嵌页面调整iframe高宽续篇
接着昨天的工作 如何根据iframe内嵌页面调整iframe高宽 来说,按照文章中说的第二种方法实现代码如下: 实现 A.com/detail/view 页面的iframe代码如下: <ifra ...
- 关于selenium自动化对iframe内嵌元素的处理
今天上班闲来无聊,于是来练练自动化,结果碰上了可恶的iframe,楼主,以前也遇到过,但是一直也没搞懂怎么处理的,都是抄别人的代码,今天决定独立解决试试.首先先来认识什么是iframe,它就长下图这样 ...
- MetaBase使用iframe内嵌到Vue页面样式优化
Matebase是一个开源,易上手的BI工具,这里不做太多介绍了. 官网地址:https://www.metabase.com/ 解决问题描述: 使用iframe内嵌Metabase公开链接之后,页面 ...
- 如何根据iframe内嵌页面调整iframe高宽
问题来自于工作的实例,我的一个域名A的页面,有个iframe,它可能内嵌了另一个域名B的页面,也可能内嵌域名C的页面,但是呢,B和C的页面大小是不一样的,特别是高是不一样的高,那么我如何设置ifram ...
- iframe内嵌页面——跨域通讯
<template> <div class="act-form"> <iframe :src="src" ref=" ...
- 弹出iframe内嵌页面元素到父页面并全屏化
(注册博客好久了,一直没舍得添砖加瓦,主要是每次想写点东西的时候,随便搜一搜发现都比我总结的都要好,甚感尴尬,但是总是要开始的,所以这就是我的第一篇博客,也绝不会是最后一篇,废话不多说,直接入正题) ...
- 使用iframe内嵌PC网站实现高度自适应
加个样式 <style> iframe { display: block; border: none; height: 90vh;/*设置高度百分比,一直调到只有一个滚动调为止*/ wid ...
随机推荐
- 结合生活，剖析《生产者消费者模型》-java多线程（一）
博客园的园友们好,看博客园上各位大佬的文章,已陪伴了我程序员职业的三年, 如今自己同样希望能把自己从小白到菜鸟的成长过程分享给大家.不定期更新!!! 首先我本人智商不高,理解问题十分吃力,完全不属于天 ...
- nginx使用手册+基本原理+优缺点
一.nginx优点 1.反向代理 1.正向代理: 客户端和原始服务器(origin server)之间的服务器,为了从原始服务器取得内容,客户端向代理发送一个请求并指定目标(原始服务器),然后代理向原 ...
- 让vscode支持WePY框架 *.wpy
WePY框架的.wpy 文件在微信开发者工具中无法打开,这里使用vscode 打开,并安装vetur 和vetur-wepy 插件即可
- App压力稳定性测试之Monkey
一.Monkey简介 Android系统自带monkey程序,模拟用户触摸屏幕.滑动Trackball.按键等操作来对设备上的程序进行压力测试,检测程序多久的时间会发生异常. Monkey的使用是在产 ...
- 线程间交换数据的Exchanger
作者:Steven1997 链接:https://www.jianshu.com/p/9b59829fb191 来源:简书 简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处. Exc ...
- 字符串学习笔记（三）---- StringBuilder
一.前言 StringBuilder是jdk1.5后出现的,而StringBuffer是jdk1.0就出现了,并且在功能上俩者并无太大区别.但为什么后来要添加一个StringBuilder呢?这是为了 ...
- 面试官: 说说你对async的理解
大家好,我是小雨小雨,致力于分享有趣的.实用的技术文章. 内容分为翻译和原创,如果有问题,欢迎随时评论或私信,希望和大家一起进步. 分享不易,希望能够得到大家的支持和关注. TL;DR async是g ...
- Spring IOC/ AOP 笔记
扫描 Bean 以下主要是使用基于注解方式配置 组件扫描(一般用于自己写的类) 添加 @Component 注解,被扫描到后自动作为 Bean 组件 @ComponentScan 扫描配置的位置,将添 ...
- Java数组的声明与创建
今天在刷Java题的时候,写惯了C++发现忘记了Java数组的操作,遂把以前写的文章发出来温习一下. 首先,数组有几种创建方式? Java程序中的数组必须先进行初始化才可以使用,所谓初始化,就是为数组 ...
- 加密采矿僵尸网路病毒还在蔓延！ kinsing kdevtmpfsi redis yarn docker
Hadoop yarn 加密采矿僵尸网路病毒还在继续蔓延! 解决步骤 如果你同样遇到了kdevtmpfsi异常进程,占用了非常高的CPU和出网带宽,影响到了你的正常业务,建议使用以下步骤解决 杀掉异常 ...