当前位置:Gxlcms > html代码 > 对HTML框架标签的作用总结

对HTML框架标签的作用总结

时间:2021-07-01 10:21:17 帮助过:103人阅读

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

1.HTML框架标签frameset、frame、iframe、noframes

一个浏览器文档窗口中一般只能显示一个网页文件,但是,使用框架标签就可以将一个浏览器文档窗口分割成多个子窗口,每个子窗口中都可以显示一个独立的网页文件。
框架是由英文Frame翻译过来,它代表浏览器文档窗口中的一个子窗口。每个框架都可以显示一个HTML文件,多个框架组成了一个框架集(Frameset)。

4e5df36200879f113ac1f9001780025f.jpg

2.HTML框架标签

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

<frameset>框架结构标签

<frame>框架标签

<iframe>内联框架标签

37f3e43a7cb42273f12b3936ba37c107.png

3.XHTML入门学习教程:框架标签使用_HTML/Xhtml_网页制作

框架结构可以让几个网页同时显示在浏览器的一个页面内。我们不推荐您使用它来设计网站。 框架结构标签<frameset></frameset>
框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,<frameset>其实就是一个大<table>,只不过整个页面是<table>的主体,而每一个单元格的内容都是一个独立的网页。 给框架结构分栏(”cols“和”rows“属性)
既然我们说框架结构可以被理解为一网页为单元格的表格,那么就一定要分栏了。其中cols属性将页面分为几列,而rows属性则将页面分为几行。下面来看一个例子。

b6495a331fb35c228de365dd8e5cd52b.jpg

4.HTML框架标签的实例应用

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

注释标签<!-- -->;

段落标签<p></p>;

标题标签<h1></h1>,该标签的参数从h1~h6;

换行标签<br/>或者<br>;

(字体)粗体标签<b></b>;

(字体)斜体标签<i></i>;

下标<sub></sub>;

f1c2af7c3c972b36cf5fba1102a290fb.jpg

5.<iframe>内嵌网页框架标签

<iframe src="http://www.gxlcms.com/" width="400" height="200" scrolling="yes" />

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

Width宽度Height高度

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

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

c2f1090eb512213e42411e6262c7f877.jpg

以上就是对HTML框架标签的作用总结的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行