HTML学习4:常用标签之框架标签
来源:互联网 发布:西安消毒供应软件 编辑:程序博客网 时间:2024/06/11 09:57
HTML标记语言中通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。
一,框架概述通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架
都独立于其他的框架。
使用框架的坏处:
(1)开发人员必须同时跟踪更多的HTML文档(2)很难打印整张页面
二,框架结构标签(<frameset>)
(1)框架结构标签<frameset>定义如何将窗口分割为框架
(2)每个<frameset>定义了一系列行或列
(3)rows/cols属性的值规定了每行或每列占据屏幕的面积
浏览器显示的结果为:
三,框架标签(Frame)
<Frame>标签定义了放置在每个框架中的 HTML 文档。在上面的代码中有出现过!
五,内联框架<iframe>
(1)<iframe>标签用于在网页内显示网页。添加<iframe>标签的语法:
<iframe src="URL"></iframe>
URL 指向隔离页面的位置。
(2)<Iframe>标签设置高度和宽度
height 和 width 属性用于规定 iframe 的高度和宽度。属性值的默认单位是像素,但也可以用百分比来设定(比如
"80%")。
(3)<Iframe>标签删除边框
frameborder 属性规定是否显示 iframe 周围的边框,设置属性值为 "0" 就可以移除边框。
(4)某些老式的浏览器不支持内联框架。如果不支持,则<iframe>标签内的内容是不可见的。
(5)使用<iframe>作为链接的目标
<iframe>可用作链接的目标(target)。链接的target属性必须引用<iframe>的name属性。
浏览器显示的结果为:
点击新浪网站后的结果为:
六,基本的注意事项
(1)假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在<frame>标签
中加入:noresize="noresize"。
(2)为不支持框架的浏览器添加 <noframes> 标签。
(3)不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的
<noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。
演示框架的例子:
七示例
1在上面的网页框架中已经有了第一个网页的代码。
2框架的顶层显示的Logo网页页面的代码:
3下半部分左半部分显示的网页代码:
4下半部分左半部分显示的网页代码:
5表格标签网页,超链接标签网页以及内联框架标签网页的代码都在前面已经写过,就不再一一赘述了。
6网页显示结果:
点击链接一:
点击链接二:
点击链接二:
- HTML学习4:常用标签之框架标签
- HTML学习8:常用标签之框架标签
- HTML学习4:常用标签之列表标签
- HTML学习之HTML常用标签(一)
- HTML常用标签学习
- html常用标签学习
- html 学习 常用标签
- 学习Html开发之旅---常用标签
- HTML学习3:常用标签之文本标签
- HTML学习5:常用标签之图像标签
- HTML学习6:常用标签之超链接标签
- HTML学习7:常用标签之表格标签
- HTML学习9:常用标签之表单标签
- HTML学习1:常用标签之列表标签
- HTML学习2:常用标签之图像标签
- HTML学习3:常用标签之超链接标签
- HTML学习5:常用标签之表单标签
- Mybatis框架之常用标签学习
- MySQL Field Class Hierarchy
- Lite系列开发框架
- 修改Mysql 字符集,支持Emoji表情(如搜狗的自定义表情大字符)
- IPV6开启状态下,tomcat监听IPV4端口
- 基于Spring,CLOB/BLOB/String互转
- HTML学习4:常用标签之框架标签
- 关于Groovy中的循环
- SVM和核函数
- Python编写微信打飞机小游戏(十二)
- Toast的自定义用法
- redis linux安装
- Java 8特性探究(2):深入解析默认方法
- 自动清除firefox缓存让你的Firefox去下载更新的文件
- 状态机的C语言编程(转)