网页中的框架



Html中的框架,学习完今天这节,基本的Html的理论知识就告一段落了。

 什么是Html框架?

将浏览器窗口,划分为不同的区域,每个区域可以包含不同的网页。以实现,多个网页在一个浏览器窗口中现实的效果。

小结:说白了,就是起到一个整合作用,把其他网页的内容直接嵌套过来利用。

Html框架语法

  • <frameset rows=”控制行数及行高” cols=”控制列数及列宽” framespacing=”框架间距”
    frameborder=”是否显示框架(yes/no/1/0)” border=”边框宽度” bordercolor=”边框颜色”>
  • <frame src=”被包含的文件路径及名称” name=”框架名称” noresize=”是否允许改变框架尺寸”(true/false)
    scrolling=”滚动条显示控制”(yes/no/auto)>
  • </frameset>

牛刀小试

像往常一样,试一下,熟悉下代码环境即可,无须记住。

效果图如下:

如图所示,这是由两个网页嵌套的效果,左边是一个,右边也是一个,这就是所谓的网页的框架。

左边

<span style="font-size:18px;"><html>
 <head>
<title>左侧</title>      <!--网页标题-->
<body>
<table border="1" width="200">
<caption>仿126邮箱管理</caption>       <!--标题-->
<tr>
<td>添加邮件</td>     <!--第一行第一列-->
</tr>
<tr>
<td>删除邮件</td>      <!--第一行第二列-->
</tr>
<tr>
<td>收邮件</td>
</tr>
<tr>
<td>写邮件</td>
</tr>
</table>
</body>
</head>
</html></span>

右边

<span style="font-size:18px;"><html>
 <head>
<title>左侧</title>      <!--网页标题-->
<body>
<table border="1" width="500" cellpadding="10">    <!--添加一个表格-->
<caption>这里是添加邮件的页面</caption>
<tr>
<td colspan=="2">在这里写邮件</td>           <!---第一行合并->
</tr>
<tr>
<td>邮件标题</td>
<td><input type="text" name="email" size="40"></td>
</tr>
<tr>
<td>邮件内容</td>
<td>
<textarea cols="40" rows="10" name="neirong">      <!--添加多行文本框-->
</textarea>
</td>
</tr>
</table>
</body>
</head>
</html></span>

嵌套整合

<span style="font-size:18px;"><html>
 <head>
<title>嵌套整合</title>      <!--网页标题-->
<frameset cols="300,600" bordercolor="black" border="5" frameborder="10" >  <!--设置为两列-->
<frame src="left.htm" scrolling="true">     <!--整合左边网页-->
<frame src="right.htm">                 <!--整合右边网页-->
</frameset>
</head>
</html></span>

小结

这段时间学习了html,也算不上什么高打上的技术,自从学习完VB后,再也不用担心我的学习了,学什么都感觉不到太吃力,这估计来自于平时的善于总结,善于寻找共同点,能够把复杂问题简单化。技术没什么好学习的,只有你知道不知道的技术,没有你学不会的技术,但学习的方法和理念这没有速成的办法,只有靠平时的点滴积累来逐渐的培养。

网页中的框架,布布扣,bubuko.com

时间: 2024-08-26 09:22:48

网页中的框架的相关文章

2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条

(一)表单 1.<form action=""method="get/post"></form> 2.表单12个元素 文本类: <input type="text" value=""> - 文本框 <input type="password" value=""> - 密码框 <textarea></textarea>

在HTML网页中引入Bootstrap前端框架

Bootstrap百度百科介绍: Bootstrap,来自 Twitter,是目前很受欢迎的前端框架.Bootstrap 是基于 HTML.CSS.JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷.它由Twitter的设计师Mark Otto和Jacob Thornton合作开发,是一个CSS/HTML框架.Bootstrap提供了优雅的HTML和CSS规范,它即是由动态CSS语言Less写成. 这是优雅的分割线..................................

Java+MyEclipse+Tomcat (三)配置MySQL及查询数据显示在JSP网页中

前面两篇文章讲述了如何配置MyEclipse和Tomcat开发JSP网站.如何配置Servlet简单实现表单提交,这篇文章主要讲述配置MySQL实现数据库连接MyEclipse,最后将查询表中的数据显示在JSP网页中. 文章主要以图片描述为主,请海涵~ Java+MyEclipse+Tomcat (一)配置过程及jsp网站开发入门 Java+MyEclipse+Tomcat (二)配置Servlet及简单实现表单提交 代码及MySQL下载地址: http://pan.baidu.com/s/1j

imacros实现Excel数据自动录入到网页中

一.工具选择 最近接到一个项目,需要将excel数据逐条录入.保存到网页中.经过搜集资料,能实现功能的大概有以下几种方式,按键精灵.autoit.imacros.python+selenium. 按键精灵:国产模拟键鼠工具,以前用过,存在莫名其妙的bug且广告太多,放弃. autoit:国外模拟键鼠工具,basic类编程风格,好像很长时间未更新,放弃. imacros:兼容firefox.chorme.internet explorer8以上版本,属于浏览器内部插件,经测试完全满足需要. pyt

网页防止跨框架攻击

转载自:http://www.haorooms.com/post/liulanq_think_ie 防止网页垮框架 很简单,在你的网页中添加如下代码就可以了 <style> html{ visibility:hidden; }</style> <script> if( self == top){ document.documentElement.style.visibility='visible'; }else{ top.location = self.location

怎样把报表放到网页中显示(Web页面与报表简单集成样例)

1.问题描写叙述 如今用户开发的系统基本上趋向于BS架构的浏览器/server模式.这些系统可能由不同的语言开发.如HTML.ASP.JSP.PHP等.因此须要将制作好的报表嵌入到这些页面中. FineReport制作出的报表能够通过Frame框架集成到Web页面中. 2.将报表显示在Frame框架内 2.1集成方法 报表作为页面的一部分,能够以iFrame方式嵌入在网页中.指定iFrame的src就可以. 1.     <iframe id="reportFrame" widt

如何把报表放到网页中显示(Web页面与报表简单集成例子)

1.问题描述 现在用户开发的系统基本上趋向于BS架构的浏览器/服务器模式,这些系统可能由不同的语言开发,如HTML.ASP.JSP.PHP等,因此需要将制作好的报表嵌入到这些页面中. FineReport制作出的报表可以通过Frame框架集成到Web页面中. 2.将报表显示在Frame框架内 2.1集成方法 报表作为页面的一部分,可以以iFrame方式嵌入在网页中,指定iFrame的src即可. 1.     <iframe id="reportFrame" width=&quo

在网页中编辑报表的报表设计器Stimulsoft Reports Designer.Web报表控件

Stimulsoft Reports Designer.Web报表控件是一款网页报表设计器.您想在网页中编辑您的报表吗?现在是可能的! Stimulsoft Reports Designer.Web -是第一款使您可以完全在网页中编辑报表的报表设计器.在您的客户端机器里不需要安装.Net框架.ActiveX控件或其他特殊的插件.您只需要一个Web浏览器. Stimulsoft Reports Designer.Web是新式和便捷的接口并且功能丰富以及工作快速. 操作简单将报表编辑的支持添加到您的

网页中创建音频、视频和Flash等多媒体:object元素

<object>元素:它主要用于定义网页中的多媒体,比如音频.视频.Java applets.PDF.ActiveX和Flash.Object标签是成对出现的,在object标签内可以使用param标签等.Object标签内除了param标签外,其它的内容将在浏览器不支持object标签时显示.注意,在HTML5尚未制定完成且普及时,最好使用flash在网页中播放音频和视频,以保证最大兼容性 Object标签的主要可选属性: type -> 被规定在data属性中指定的文件中出现的数据的