网页学习——创建HTML框架（frameset、frame、iframe）

框架标签是一种与网页布局密切相关的标签，通过使用框架，可以在同一个浏览器窗口显示多个页面。

1、框架集标签 < frameset >

< frameset >元素中的cols、row属性，用于将页面划分。

cols 属性定义框架集中的列数目和尺寸
rows 属性定义框架集中的行数目和尺寸
border 属性设置框架边框的宽度
bordercolor 属性设定框架边框的颜色

两者的取值单位可以是像素（绝对大小），可以是百分比（相对大小），也可以是*（表示除了以划分部分的尺寸后剩余的尺寸）。

例（建立一个简单框架）：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title></title></head><frameset rows="300,*" border="20" bordercolor="blue"><noframes><body>你的浏览器不支持显示框架</body></noframes><frame src="a.html" /><frameset cols="40%,*" border="10" bordercolor="green"><frame src="b.html" /><frame src="c.html" /></frameset></frameset>
</html>

注意：使用 frameset 标签时不能写在 body 标签内，否则容易无效。

上面的< noframes > 标签为那些不支持框架的浏览器显示替代文本。即当浏览器不能处理框架时，就会显示该元素中的文本，这些文本包含在< body >元素中。

运行效果如下（因为框架中引入的网页名是我随意取的不存在网页，所有显示为404

网页学习——创建HTML框架（frameset、frame、iframe）相关推荐

frameset,frame,iframe区别
frame是html语言中重要的一部分,使用frame必须首先用frameset来定义. 需要注意的是:frameset元素和body元素不能同时使用. 例: <center> <m ...
html中的框架frameset和frame及iframe
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面. 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面. 每个页面称之为一个框架.并且每个框架独立 ...
网页设计与布局（frame、frameset和iframe的区别
我今天在做一个项目时忽然想起了局部刷新的效果,开始想的是用AJAX的UpdatePanel来实现这种效果,但是UupdatePanel频繁刷新,会给服务器带来很大的负荷,大大降低了效率,达不到很好的效 ...
frame,iframe,frameset之间的关系与区别
2019独角兽企业重金招聘Python工程师标准>>> ■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要 <FRAMESET> <F ...
frame,iframe,frameset用法和区别
■ 框架概念 : 所谓框架便是网页画面分成几个框窗,同时取得多个 URL.只需要 <FRAMESET> <FRAME> 即可,而所有框架标记需要放在一个总起的 html 档,这 ...
frame,iframe,frameset 的区别
frame,iframe,frameset 的区别 <FRAMESET> <FRAME> <NOFRAMES> <IFRAME> 欲明白本篇[HTML剖 ...
HTML之FrameSet,Frame和Iframe区别
文章目录 1 HTML之Frame框架 1.1 各个介绍 1.1.1 Frameset 1.1.2 Frame 1.1.3 Iframe 1.2 区别 1.2.1 Frameset与Frame的区别 ...
vue框架中使用iframe内嵌网页，并且双击实现网页全屏放大
vue框架中使用iframe内嵌网页,并且双击实现网页全屏放大利用Iframe插入网页 <iframe ref="iframe" src="https://www ...
网络爬虫学习2 - 爬取网页的通用代码框架、HTTP协议、Requests库的各种方法
网络爬虫MOOC学习打卡 - 第二天文章目录网络爬虫MOOC学习打卡 - 第二天一.爬取网页的通用代码框架 1.理解requests库的异常 2.Respones类提供了一个方法 -- r.ra ...

网页学习——创建HTML框架（frameset、frame、iframe）

1、框架集标签 < frameset >

网页学习——创建HTML框架（frameset、frame、iframe）相关推荐

最新文章

热门文章