- 第1节:HTML 导读
- 第2节:HTML 简介
- 第3节:HTML 基础
- 第4节:HTML 元素
- 第5节:HTML 属性
- 第6节:HTML 标题
- 第7节:HTML 段落
- 第8节:HTML 格式化
- 第9节:HTML 链接
- 第10节:HTML 引用
- 第11节:HTML 注释
- 第12节:HTML 头部
- 第13节:HTML ID
- 第14节:HTML CSS
- 第15节:HTML 符号
- 第16节:HTML 图像
- 第17节:HTML 表格
- 第18节:HTML 列表
- 第19节:HTML 区块
- 第20节:HTML 布局
- 第21节:HTML 表单
- 第22节:HTML 框架
- 第23节:HTML 颜色
- 第24节:HTML 颜色名
- 第25节:HTML 颜色值
- 第26节:HTML 脚本
- 第27节:HTML 字符实体
- 第28节:HTML URL
- 第29节:HTML 文件路径
- 第30节:HTML 表情符号
- 第31节:HTML 字符集
- 第32节:HTML 背景
- 第33节:HTML URL字符编码
- 第34节:HTML 文档类型
- 第35节:HTML 媒体(Media)
- 第36节:HTML 插件(Object和Embed)
- 第37节:HTML 音频(Audio)
- 第38节:HTML 视频(Videos)播放
- 第39节:HTML 常用标签
- 第40节:HTML 常用代码
- 第41节:HTML 滚动条样式
- 第42节:HTML版权符号写法及美化
HTML 框架
HTML 框架
<iframe>
标签规定一个内联框架。
一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。
通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。
iframe 语法:
<iframe src="URL"></iframe>
该URL
指向不同的网页,将窗口内容显示为URL
地址指向页面。
Iframe - 设置高度与宽度
height
和width
属性用来定义iframe
标签的高度与宽度。
属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%").
实例
Iframe - 移除边框
frameborder
属性用于定义iframe
表示是否显示边框。
设置属性值为 "0" 移除iframe
的边框:
实例
使用 iframe 来显示目录链接页面
iframe
可以显示一个目标链接的页面
目标链接的属性必须使用iframe
的属性,如下实例:
实例
<p><a href="http://www.test.cn" target="iframe_a">test.CN</a></p>
HTML iframe 标签
iframe 标准属性
HTML <frameset>标签 - HTML5 不支持
<frameset>
标签在一个页面中设置一个或多个框架,用<frameset>
</frameset>
代替了<body>
</body>
,不能出现在body
标签里。
<frameset> 语法:
<frameset>
<frame src="menu.html">
<frame src="content.html">
</frameset>
frameset
- 建立框架的标记,将在其中定义各个框架。frame src
- 指示框架显示内容URL地址。
<frameset> - 设置行列比例
<frameset>
标签中我们使用rows
设置行的占页面的百分比;cols
设置列的所占百分比。
实例
<frameset rows="20%,*">
<frame src="title.html">
<frameset cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
frameset cols
- 确定每个框架列所占百分比。在前面的示例中,我们已经确定第一框架将占据所示区域的 30%,并且我们使用“*”
符号来指示剩余百分比。frameset rows
- 确定将显示的每个框架行所占百分比。在前面的示例中,我们选择第一框架为 20%,剩下的剩余空间将在menu.html
和content.html
之间划分。
<frameset> - 设置边框
框架有一些边框线,大多数时候都不需要。<frameset>
标签中我们使用frameborder
和framespacing
属性可以擦除它们。
注意:frameset
和frameborder
是相同的属性。
实例
<frameset border="0" frameborder="0" framespacing="0" rows="20%,*">
<frame src="title.html">
<frameset border="0" frameborder="0" framespacing="0" cols="30%,*">
<frame src="menu.html">
<frame src="content.html">
</frameset>
</frameset>
frameborder
-设置边框, 0 值表示没有边框border
- 修改边框的粗细(由 Netscape 浏览器使用)framespacing
- 修改边框的粗细(由 Internet Explorer 浏览器使用)
<frame> - 设置名字 - HTML5 不支持
<frame>
标签中我们使用name
属性命名每个框架,而不是内容页面。
实例
<frameset rows="20%,*">
<frame name="title" src="title.html">
<frameset cols="30%,*">
<frame name="menu" src="menu.html">
<name="content" src="content.html">
</frameset>
</frameset>
<frame> - 设置滚动
<frame>
标签中我们使用noresize
设置禁止用户拖拉框架大小;scrolling
用于设置滚动条是否显示。
实例
<frameset border="2" frameborder="1" framespacing="2" rows="20%,*">
<frame src="title.html" noresize scrolling="no">
<frameset border="4" frameborder="1" framespacing="4" cols="30%,*">
<frame src="menu.html" scrolling="auto" noresize>
<frame src="content.html" scrolling="yes" noresize>
</frameset>
</frameset>
noresize
- 不允许用户更改其尺寸。scrolling
- 设置滚动条是否显示。