我们所浏览的网页几乎每个都是分区块的,每块的功能不一样,比如头部的导航栏,中间的内容部分等,这些区块都是通过HTML中的框架标签进行分割布局的,下面我们就来总结下这些框架标签:

一个浏览器文档窗口中一般只能显示一个网页文件,但是,使用框架标签就可以将一个浏览器文档窗口分割成多个子窗口,每个子窗口中都可以显示一个独立的网页文件。

框架是由英文Frame翻译过来,它代表浏览器文档窗口中的一个子窗口。每个框架都可以显示一个HTML文件,多个框架组成了一个框架集(Frameset)。

html 制作组织架构树图_html 制作组织架构树图

与HTML框架有关的标签主要有三种:

框架结构标签


框架标签

内联框架标签

html 制作组织架构树图_html 框架的用处_02

框架结构可以让几个网页同时显示在浏览器的一个页面内。我们不推荐您使用它来设计网站。 框架结构标签

框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,

其实就是一个大


既然我们说框架结构可以被理解为一网页为单元格的表格,那么就一定要分栏了。其中cols属性将页面分为几列,而rows属性则将页面分为几行。下面来看一个例子。

html 制作组织架构树图_HTML_03

HTML中主要的基础标签如下:

注释标签;

段落标签

标题标签

,该标签的参数从h1~h6;


换行标签
或者

(字体)粗体标签

(字体)斜体标签

下标

html 制作组织架构树图_HTML_04

Src值为被嵌入网页地址 Scrolling 是否有滚动条,yes有,no无,auto 根据被显示html自动显示或隐藏

Width宽度Height高度

高度宽度可以为百分比,可以为具体高宽数值,不需要跟单位。通常需要设置高度、宽度具体数值。

特别说明如果要想隐藏iframe出现的滚动条,可以使用Scrolling=no隐藏滚动条,当然也可以使用CSS样式隐藏滚动条。也可以设置合适高宽到不显示滚动条。

html 制作组织架构树图_html 制作组织架构树图_05