html框架 book,HTML框架的基本结构的.doc
HTML框架的基本结构的
HTML框架的基本结构在一个网页中,并不是所有的内容都需要改变,如网页的导航栏、网页页脚等部分是不需要改变的,如果在每一个网页中都重复添加这些元素,不仅会浪费时间,而且在浏览时也会带来不便、耗费更多的时间,为了解决这种问题,我们可以使用框架来对网页进行布局。
网页学习网提示:html语言非常简单,不需要逻辑理解,而绝大部分朋友觉得它难以掌握,90%的原因在于英语单词不过关,所以每节记忆几个单词是非常有必要的。
使用框架可以把浏览器窗口划分为多个区域,每个区域可以显示不同的网页,每次浏览者在访问框架页面时,只下载框架页面中变化的区域,对于不变的区域,不用重新下载,从而给浏览者带来方便、节省下载页面所需的时间。
一个框架结构是由以下两部分组成的:
框架(FRAME):是浏览器窗口中的一个区域,它可以显示与浏览器窗口其余部分中所显示内容无关的网页文件。
框架集( FRAMESET):是一个网页文件,它将一个窗口通过横向或纵向的方式分割成多个框架,每个框架中要显示的都是不同的网页文件。不同的网页文件可以通过超链接联系起来。
如图1所示就是一个比较经典的框架集页面。此页面一共有3个区域,每个区域分别显示一个HTML文档,由于框架集页面也是一个HTML文档,所以一共有4个HTML文件。为了浏览方便,当浏览者单击左侧导航栏中的服务列表(如“注册&认证”、“买家帮助”等)超链接时,右侧窗口显示相应的详细帮助信息。
图1 框架集页面
一、为何使用框架
一个网页可以有一个或多个框架。框架的一些用法如下:
● 在页面的一个固定部分显示Logo或静态信息。
● 左侧框架显示目录,右侧框架显示内容,用户只需单击左侧窗口的目录,在右侧窗口中就会显示相应内容,如网上在线学习教程、论坛、后台管理、产品介绍等。
● 框架能有机地把多个页面组合在一起,这多个页面之间可互相独立,却又可相互联系。
二、框架的基本结构
框架集( FRAMESET)页面的结构是通过属性rows和cols来设置的,根据框架的分割方式可分为:上下分割窗口(使用rows属性来分割),左右分割窗口(使用cols属性来分割),嵌套分割窗口(同时使用rows和cols属性来分割)。WANGYEXX.COM
语法:
?
??? ??? ……
?
说明:FRAMESET仅是一个框架的集合。FRAME标签可以提供对单独HTML文档URL引用,其中每个HTML文档占据一个框架。cols将 页面沿垂直方向分割为几个窗口,cols可以取多个值,不同的值用逗号隔开,单位可以是像素,也可以是占浏览器的百分比。rows将页面沿水平方向分割为 几个窗口,也可以取多个值,是由逗号分割的像素值或百分比。src指定框架窗口的源文件。
示例1:
rows框架
????
示例1在浏览器中预览效果如图2所示。
图2 水平方向分割为上中下3个窗口
示例2:
cols框架? ?
?
?示例2在浏览器中预览效果为两个窗口左右分割,而左边的窗口固定宽度120px。
三、如何创建多个复杂的窗口
前面的示例1和示例2要么是水平分割,要么是垂直分割,如果要实现如图1所示的框架集页面
html框架 book,HTML框架的基本结构的.doc相关推荐
- java集合框架容器 java框架层级 继承图结构 集合框架的抽象类 集合框架主要实现类...
本文关键词: java集合框架 框架设计理念 容器 继承层级结构 继承图 集合框架中的抽象类 主要的实现类 实现类特性 集合框架分类 集合框架并发包 并发实现类 什么是容器? 由一个或多个确 ...
- android 日志框架封装,FLog: 一个基于函数组合的Android日志框架,拥有极简的结构和极高的灵活性、扩展性...
FLog 一个基于函数组合的Android日志框架,拥有极简的结构和极高的灵活性.扩展性 下载 在根目录下的build.gradle中添加jitpack.io的maven地址 allprojects ...
- TF之AutoML之AdaNet框架:AdaNet框架的简介、特点、使用方法详细攻略
TF之AutoML之AdaNet框架:AdaNet框架的简介.特点.使用方法详细攻略 目录 AdaNet框架的简介 AdaNet框架的特点 AdaNet框架的使用方法 AdaNet框架的简介 谷歌开源 ...
- TF之AutoML框架:AutoML框架的简介、特点、使用方法详细攻略
TF之AutoML框架:AutoML框架的简介.特点.使用方法详细攻略 目录 AutoML框架的简介 AutoML框架的特点 AutoML框架的使用方法 AutoML VS AutoKeras 框架 ...
- python的django框架与springboot_Django框架简介
一.MVC框架和MTV框架 MVC,全名是Model View Controller,是软件工程中的一种软件架构模式,把软件系统分为三个基本部分:模型(Model).视图(View)和控制器(Cont ...
- 应梦框架9.0框架_.Net框架能力问题和解答
应梦框架9.0框架 This section contains Aptitude Questions and Answers on .Net Framework. 本节包含有关.Net Framewo ...
- php框架和不用框架_如何选择一个PHP框架
php框架和不用框架 PHP是世界上最受欢迎的编程语言之一,而最近的PHP 7版本使这种服务器端编程语言比以往任何时候都更好,更稳定. PHP被广泛用于大型项目中. 例如,Facebook利用PHP来 ...
- 持久化框架数据持久化框架(JPA)及其具体实现
时间紧张,先记一笔,后续优化与完善. 对于数据的持久化问题,我们很容易想到,也很长用到持久化框架jpa. 持久化框架实现起来重要包括以下几个部分 1开发持久化bean Persistence.xml ...
- RBAC权限框架_MVC权限框架
RBAC权限框架(Role-Based Access Control)基于角色的权限访问控制的框架,通过用户-角色-权限的关联,非常方便的进行权限管理,在这里不再说明什么是RBAC,请自行百度. 谢谢 ...
- html简介框架模板,html框架布局后台模板.doc
html框架布局后台模板 篇一:使用框架布局页面 单元4--使用框架布局页面 学习目标: ? 理解框架布局的原理 ? 掌握使用框架进行页面布局的方法 ? 学习利用浮动框架嵌入插件 Dreamweave ...
最新文章
- 线程同步——内核对象实现线程同步——等待函数
- 四、深入elasticsearch中文搜索
- svn管理工具_主流代码管理工具深度评测
- javascript 库_您应该在2020年尝试的10个很棒JavaScript库
- 公钥、私钥、数字签名和数字证书的概念及解密
- Ajax提交与传统表单提交的区别说明
- 谈谈var变量提升以及var,let,const的区别
- Shell脚本实现SSH免密登录及批量配置管理
- stride padding_关于Padding实现的一些细节
- Excel图表快捷操作小技巧
- 双面打印无效选择了文件服务器,记得要收藏!如何手动完成双面打印文档
- Python 面试宝典
- 【混音教程】开启你的混音生涯的6个心法|MZD Studios
- 最新护网/重保网络安全应急演练方案[精华]
- 创建 SSH key
- 【愚公系列】2022年09月 微信小程序-自定义tabBar的实现
- vue啦啦啦啦啦啦啦啦
- yolov7_obb在WIN10下训练自己的数据集
- 台湾dotnet程序员之家
- 小白开发微信小程序52--测试小程序