精华内容
下载资源
问答
  • HTML框架标签

    千次阅读 2019-03-01 12:50:30
    当包含两个或两个以上的html页面,称为frameset标签,称为:框架集。 frameset不能和body共存。 frameset中两个属性: rows:由上到下,横向划分 rows = "20%,*" <!-- *:通配符(当前...

    框架标签:frame 标签
    一个frame包含一个html页面
    属性:
    src:引入包含html

    框架集:frameset
    当包含两个或两个以上的html页面,称为frameset标签,称为:框架集。
    frameset不能和body共存。

    frameset中两个属性:
    rows:由上到下,横向划分

    rows = "20%,*"
    <!-- *:通配符(当前横向划分,当前剩余的部分占整个的权重百分比!)-->
    

    clos:由左到右,竖向划分

    clos = "15%,*"
    

    构建一个框架,如下图所示:
    在这里插入图片描述
    代码实现:

    header.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>LOGO部分</title>
    	</head>
    	<body>
    		<h1 align="center">教务管理系统</h3>
    	</body>
    </html>
    

    menu.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>左边菜单页面</title>
    	</head>
    	<body>
    		<ul>
    			<!--需要在指定的页面中打开(框架标签frame),target中的属性值必须和frame的name值一样-->
    			<li><a href="成绩.html" target="main">成绩管理</a></li>
    			<li><a href="#">学籍管理</a></li>
    			<li><a href="#">选课管理</a></li>
    			<li><a href="#">信息管理</a></li>
    		</ul>
    	</body>
    </html>
    

    成绩.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>主页面</title>
    	</head>
    	<body>
    		<table border="1" align="center" width="100%" height="50px">
    			<caption>班级平均成绩</caption>
    			<tr align="center">
    				<th>姓名</th>
    				<th>班级</th>
    				<th>成绩</th>
    			</tr>
    			<tr align="center">
    				<td>A</td>
    				<td>软工1</td>
    				<td>85</td>
    			</tr>
    			<tr align="center">
    				<td>B</td>
    				<td>软工2</td>
    				<td>76</td>
    			</tr>
    			<tr align="center">
    				<td>C</td>
    				<td>软工3</td>
    				<td>91</td>
    			</tr>
    		</table>
    	</body>
    </html>
    

    main.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>框架标签</title>
    	</head>
    	<body>
    		<center><font color="darkgrey">欢迎进入教务管理系统</font></center>
    	</body>
    </html>
    

    test.html

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="UTF-8">
    		<title>教务管理系统</title>
    	</head>
    	
    	<frameset rows="20%,*" >
    		<frame src="header.html"/>
    		<frameset cols="20%,*">
    			<frame src="menu.html"/>
    			<frame src="main.html" name="main" />
    		</frameset>
    	</frameset>
    	
    	<body>
    	</body>
    </html>
    

    结果展示:
    在这里插入图片描述

    点击成绩管理的超链接:
    在这里插入图片描述

    展开全文
  • HTML学习8:常用标签框架标签

    千次阅读 2015-10-26 21:14:15
    HTML标记语言中通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。  一,框架概述  通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架 都独立于其他的...

           HTML标记语言中通过使用框架,可以在同一个浏览器窗口中显示不止一个页面。

           一,框架概述

           通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架

    独立于其他的框架。

           使用框架的坏处:

           (1)开发人员必须同时跟踪更多的HTML文档

           (2)很难打印整张页面

           二,框架结构标签(<frameset>)

           (1)框架结构标签<frameset>定义如何将窗口分割为框架

           (2)每个<frameset>定义了一系列行或列

           (3)rows/cols属性的值规定了每行或每列占据屏幕的面积

    <span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>HTML框架标签演示</title>
    </head>
           <!--
    	   定义框架,使用标签frameset
    	   -->
    	   <!--frameset标签的rows属性将网页分为上下两部分-->
    	   <frameset rows="30%,*">
    	        <frame src="top.html" name="top" noresize="noresize"/>
    	   <!--frameset标签的cols属性将网页分为左右两部分-->
    			<frameset cols="30%,*">
    			    <frame src="left.html" name="left" noresize="noresize"/>
    			    <frame src="right.html" name="right" noresize="noresize" />
    			</frameset>
           </frameset><noframes></noframes>
    
    <body>
    </body>
    </html></span>

            浏览器显示的结果为:


           三,框架标签(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属性。

    <span style="font-size:18px;"><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>内联框架标签演示</title>
    </head>
    
    <body>
           <div align="center">
           <iframe src="14-130R1115208.jpg" height="300" width="280" name="iframe_a">
           这是画中画标签,你如果看到了该文字,很遗憾,你的浏览器不支持该标签
           </iframe><p><a href="http://www.sina.com" target="iframe_a">新浪网站</a></p>
    	   </div>
    </body>
    </html></span>

            浏览器显示的结果为:


            点击新浪网站后的结果为:


            六,基本的注意事项

            (1)假如一个框架有可见边框,用户可以拖动边框来改变它的大小。为了避免这种情况发生,可以在<frame>标签

    中加入:noresize="noresize"。

            (2)为不支持框架的浏览器添加 <noframes> 标签。

            (3)不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用!不过,假如你添加包含一段文本的

     <noframes> 标签,就必须将这段文字嵌套于 <body></body> 标签内。

            演示框架的例子:

            七示例

            1在上面的网页框架中已经有了第一个网页的代码。

            2框架的顶层显示的Logo网页页面的代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    
    <body>
          <h1>这是我的网站Logo。这里可以放置图片,也可以自己规划</h1>
    </body>
    </html>

            3下半部分左半部分显示的网页代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    
    <body>
          <h3>左边栏链接</h3>
    	  <a href="表格标签.html" target="right">链接一</a>
    	  <a href="超链接标签.html" target="right">链接二</a>
    	  <a href="画中画标签.html" target="right">链接三</a>
    </body>
    </html>
             4 下半部分左半部分显示的网页代码:

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>无标题文档</title>
    </head>
    
    <body>
           <h2>内容显示区域</h2>
    </body>
    </html>
             5表格标签网页,超链接标签网页以及内联框架标签网页的代码都在前面已经写过,就不再一一赘述了。

             6网页显示结果:

             点击链接一:


             点击链接二:


             点击链接二:










          











          

    展开全文
  • HTML 框架标签、其他标签、特殊字符

    千次阅读 2019-08-15 10:26:52
    一、框架标签 1、< iframe > 标签 2、< frameset > 标签 二、其他常用标签 1、< meta > 标签 2、< base > 标签 3、< link > 标签 4、< b >< u >< i >< s...

     

    目录

    一、框架标签

    1、< iframe > 标签

    2、< frameset > 标签

    二、其他常用标签

    1、< meta > 标签

    2、< base > 标签

    3、< link > 标签

    4、< b >< u >< i >< s > 标签

    5、< sub >< sup > 标签

    三、特殊字符


    一、框架标签

    1、< iframe > 标签

    iframe 元素会创建包含另外一个文档的内联框架(即行内框架),常用属性有:

    • src:定义些框架要显示的页面URL
    • name:定义些框架的名称
    • width:定义些框架的宽度
    • height:定义些框架的高度
    • marginwidth:定义插入的页面与框边所保留的宽度
    • marginheight:定义插入的页面与框边所保留的高度
    • frameborder:定义框架的边框,1表示显示边框,0表示不显示
    • scrolling:定义是否允许卷动,YES允许,NO不允许

    2、< frameset > 标签

    常用属性有:

    • rows:按照行进行划分
    • cols:按照列进行划分
    <html>
    	<head>
    		<title>框架</title>
    	</head>
    	
    	<frameset rows="80,*">	<!--分为上下两部分-->
    		<frame name="top" src="a.html"/>
    			<frameset cols="200,*">	<!--分为左右两部分-->
    				<frame name="bottom" src="b.html"/>	<!--左边的页面-->
    				<frame name="img" src="c.html"/>	<!--右边的页面-->
    			</frameset>
    	</frameset>
    </html>
    <html>
    	<head>
    		<title>A</title>
    	</head>
    	
    	<body>
    		<h1>A标题</h1>
    	</body>
    </html>
    
    
    <html>
    	<head>
    		<title>B</title>
    	</head>
    	
    	<body>
    		<h1>B标题</h1>
    			<a href="img1.html" target="img">图片一</a><br/>
    			<a href="img2.html" target="img">图片二</a><br/>
    			<a href="img3.html" target="img">图片三</a><br/>
    	</body>
    </html>
    
    
    <html>
    	<head>
    		<title>C</title>
    	</head>
    	
    	<body>
    		<h1>C标题</h1>
    	</body>
    </html>

    效果如下:

    二、其他常用标签

    1、< meta > 标签

    <meta> 元素可提供有关页面的元信息,在 <head> 标签内使用,比如针对搜索引擎和更新频度的关键词。<meta> 标签位于文档的头部,不包含任何内容,定义了与文档相关联的名称/值对,常用属性有:

    • content:定义与http-equiv或name属性相关的元信息
    • http-equiv:把 content属性关联到http头部
    • name:把 content 属性关联到一个名称

    2、< base > 标签

    统一设置超链接的打开方式,在 <head> 标签中使用

    3、< link > 标签

    定义文档与外部资源的关系,最常用的是链接样式表,只能存在于 head 部分,不过可以出现任何次数,常用属性有:

    • type:定义被链接的文档的MIME类型
    • href:定义被链接的文档的URL
    • rel:定义当前文档与被链接文档之间的关系

    4、< b >< u >< i >< s > 标签

    • <b> 标签:加粗
    • <u> 标签:下划线
    • <i> 标签:斜体
    • <s> 标签:删除线

    5、< sub >< sup > 标签

    • <sub> 标签:下标
    • <sup> 标签:上标
    <html>
    	<head>
    		<title>我的主页</title>
    		<meta name="keywords" content="香港当然是中国的,鸿蒙系统">
    		<meta http-equiv="refresh" content="3;url=Hello.html"/>	<!--3秒后跳转到hello.html-->
    		<base target="_blank"/>	<!--所有新的页面都跳转到新的同一个页面-->
    	</head>
    	<body>
    		<b>加粗</b>
    		<u>下划线</u>
    		<i>斜体</i>
    		<s>删除线</s>
    		100<sup>2</sup>	<!--上标-->
    		100<sub>2</sub>	<!--下标-->
    	</body>
    </html>

    三、特殊字符

    HTML原始码显示结果描述
    &nbsp; 不断行的空白符
    &lt;<小于号
    &gt;>大于号
    &reg;

    ®

    已注册
    &copy;

    ©

    版权
    &quot;"双引号

     

    展开全文
  • HTML框架结构标签的简单使用

    万次阅读 2017-11-27 22:51:23
    框架标签的简单使用 框架: 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,...该标签定义如何将窗口分割为框架,每个frameset定义了一系列行或列(rows或cols),他们的值规定了每行或每列占

    框架标签的简单使用

    框架:
    通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面,简而言之,就是在一个窗口中显示多个页面。 每个页面称之为一个框架。并且每个框架独立于其他的框架。
    使用框架的坏处:必须同时跟踪多个框架(网页或HTML文档),整个页面很难打印。
    框架结构标签
    该标签定义如何将窗口分割为框架,每个frameset定义了一系列行或列(rows或cols),他们的值规定了每行或每列占据屏幕的面积。(和为100%)
    框架标签
    该标签定义了放置在每个框架中的具体的网页。

    代码块

    1.将整个页面分为两列,左边占据25%,右边占据75%,例如:

        <frameset cols="25%,*">
            <frame src="left.html" />
            <frame src="right.html" />
        </frameset>
    

    备注:在使用frameset标签的时候,为了有效,不使用body标签,一般都把body标签删除。

    2.将整个页面先分为两行,上边占据20%,下边占据80%,下边在分为两列,左边占据20%,右边占据80%,当点击左边的时候右边能够进行页面的加载,例如:

        <!--将窗口分为两个框架,两行(上下),上遍占据20-->
        <frameset rows="20%,*">
            <frame src="top.html" />
            <frameset cols="20%,*">
                <frame src="left.html" />
                <!--注意此处是name属性的设置-->
                <frame name="right" />
            </frameset>
        </frameset>
    
    <!--在left.html中,某一个具体的超链接的设置,target属性的设置-->
    <a href="right.html" target="right">点击后right.html在rignt(name)的框架中进行展示</a>

    框架结构标签的使用比较多的是管理员进行后台管理的时候,通常使用框架架构标签的方式进行页面布局,还有就是测试的时候,需要测试什么页面,就在框架中加载具体页面。

    展开全文
  • web学习—html标签框架

    千次阅读 2012-08-17 16:48:21
    在看了前边的内容后 ,写一个网页确实已经可以了。但是这里有出现了一个框架的概念。什么是框架呢?我的印象中,他就和一个panel一样,组成的页面大体模型。... 属性:rows属性:定义框架集中行的数目和尺寸,值
  • HTML框架

    千次阅读 2015-12-02 09:16:02
    框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。...框架结构标签()定义如何将窗口分割为框架每个 frameset 定义了一系列行或列rows/columns 的值规定了每行或每列占据屏幕的面积 编者
  • Thinkphp框架Foreach标签用法

    万次阅读 2016-04-28 23:55:49
    Thinkphp框架Foreach标签用法学习总结: 用途:用于在模板中遍历数据源。 Thinkphp3.2.2完全开发手册中模板->内置标签->Foreach标签描述如下: name表示数据源 item表示循环变量。 可以输出索引,如下: ...
  •  可以看到,我定义了3个a标签,并且指定它们的target="RightFrame",也就是打开网页的目标是在“RightFrame”的框架中。  这样,不管你单击 qq,百度,淘宝,都会在右边的frame中打开这个网页。  左边...
  • HTML框架标签的使用-<frameset>

    千次阅读 2014-04-30 22:27:47
    标签名称:frameset 定义一个框架集合,来组织有几个窗口(框架),每个框架都是独立的文档 属性: cols:确定列 用法: rows:确定行 实例: 例如: 表示3列,第一列100像素,第二列200像素,其他的都是第三...
  • 水平框架 frameset rows="25%,50%,25%">  frame src="First.html" />  frame src="Second.html" />  frame src="index.html" ...• 框架结构标签()定义如何将窗口分割为框架 • 每个 frameset 定义了一系列行或列
  • 标签定义 &lt;frameset&gt; 中的子窗口(框架)。但是html5已经舍弃了frameset跟frame框架设置。这里学习一下即可。(1)&lt;frameset&gt;标签frameset里面有两个属性比较重要,一个是cols,另一个是...
  • iframe 标签 -- 代表HTML内联框架

    千次阅读 2009-03-02 13:18:00
    以开始,结束 iframe标签内的内容可以做为浏览器不支持iframe标签时显示 属性 Common -- 一般属性 name -- 定义了内容页名称,此名称在框架页内链接时使用到 src -- 定义了内容页URL(同frame标签) frameborder -- 定义...
  • [HTML] 框架

    千次阅读 2012-02-21 09:20:47
    框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。...框架结构标签()定义如何将窗口分割为框架 每个 frameset 定义了一系列行或列 rows/columns 的值规定了每行或每列占据屏幕的面积
  • 首先定义关于框架的页面index.html my page 框架实例 然后编写左边页面left.html的内容 wangrui about 总结就是给右边框架一个name...
  • HTML 框架HTML 颜色

    千次阅读 2018-12-07 16:55:53
    一、HTML 框架 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。...height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如:“80%”)。 代码实...
  • HTML中的框架是什么?

    千次阅读 2015-09-26 16:41:27
    框架标签定义如何将窗口分割为框架; 每一个frameset定义一系列行或者列; rows/cols的值规定了每行或每列占据屏幕的面积; 3.常用标签: noresize:固定框架大小; cols:列; rows:行; 4.内联框架:iframe;...
  • HTML5 a标签定义超链接详解

    千次阅读 2018-02-22 00:41:36
    标签定义超链接,用于从一张页面链接到另一张页面。 &lt;a&gt;元素最重要的属性是 href 属性,它指示链接的目标。指向 w3school 的超链接:&lt;a href="http://www.w3school.com.cn"&gt;...
  • HTML5框架、背景和实体

    千次阅读 2016-05-16 22:10:59
    本章内容 ...框架标签定义如何将窗口分割为框架 每一个frameset定义一系列行或列 rows/cols的值规定了每行或每列占据屏幕的面积 常用标签: noresize: 固定框架大小 cols:列 rows:行 内联框架
  • HTML5 标签大全

    万次阅读 多人点赞 2016-09-07 17:22:34
    标签 描述   定义文档类型。 定义 HTML 文档。 定义文档的标题。 定义文档的主体。 to 定义 HTML 标题。 定义段落。 定义简单的...
  • HTML 框架[frame&iframe]

    千次阅读 2017-08-17 23:23:22
    框架简介 ...标签通过src元素的属性值定义框架中放置的HTML页面,可为相对地址或URL。 hint:不能与同时出现。 内联框架,用法基本与相似,区别在于,可作为嵌套与中的标签使用。可通过CSS修改heig
  • HTML中的框架

    千次阅读 2008-06-08 17:09:00
    一,基本结构HTML使用,和标签定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。(一),标签。该标签是框架设计标签,成对使用。首尾标签之间的内容就是使用到框架的HTML主体部分。在使用
  • 通过 frameset 标签创建网页框架

    千次阅读 2008-08-29 08:11:00
    网页的框架可以生成独立变化和滚动的窗口,从而能将一张网页分割为若干个子窗口,每一... 一、 基本结构 html使用、和标签定义框架。下面我们就来了解一下这三个标签的作用和相应的属性。 1、 标签 该标签是框架设
  • HTML学习笔记之框架的应用

    千次阅读 2015-10-19 18:54:48
    框架集是在一个文档内定义一组框架结构的HTML网页,它定义了网页显示的框架数、框架的大小,载入框架的网页源和其他可以定义的属性等,用标签定义一个窗口框架;而框架则是指在网页上定义的一个显示区域,用标签来...
  • html框架代码全集.docx

    2020-12-01 19:23:59
    HTML文档我们这回就来看看多文档的基本结构和子窗口之间的交叉链接 一,基本结构HTML使用Frameset,Frame 和noFrames标签定义框架下面我们就来了解一下这 三个标签的作用和相应的属性 一 Frameset 标签标签是...
  • HTML框架frame与iframe详解

    千次阅读 2018-11-21 21:23:47
    HTML框架 框架简介 通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架,并且每个框架都独立于其他的框架。 使用框架的坏处: 开发人员必须同时跟踪更多的HTML文档 很难...
  • 如果在一个 标签内包含一个 target 属性,浏览器将会载入和显示用这个标签的 href 属性命名的、名称与这个目标吻合的框架或者窗口中的文档。如果这个指定名称或 id 的框架或者窗口不存在,浏览器将打开一个新的窗口...
  • HTML 框架frame

    千次阅读 2018-05-24 23:58:41
    HTML &lt;frameset&gt; 标签定义和用法frameset 元素可定义一个框架集。它被用来组织多个窗口(框架...可选的属性属性值描述colspixels%*定义框架集中列的数目和尺寸。有关 cols 属性的详细信息。rowspixels...
  • HTML框架代码全集.doc

    2020-03-11 21:12:39
    框架可以生成独立变化和滚动的窗口从而能将一个窗口分割为若干个字窗口在每一个字窗口中显示一个HTML文档我们这回就来看看多文档的基本结构和子窗口之间的交叉链接 一基本结构HTML使用和标签定义框架下面我们就来...
  • HTML标签常用标签

    千次阅读 多人点赞 2017-02-23 11:33:58
    注释标签  注释标签用于在源代码中插入注释。注释不会显示在浏览器中。 2、  声明标签 声明必须是 HTML 文档的第一行,位于 标签之前。 声明不是 HTML 标签;它是指示 web 浏览器关于页面使用哪个 HTML 版本...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 170,522
精华内容 68,208
关键字:

定义框架的html标签