html(四) -- 框架标签

框架标签

frameSet : 一个frameSet可以把一个页面切割成多份,但是只能按照行或者列切割。

frame   不能被切割的。 frame是位于frameSet中。

iframe:  在一个网页中分隔一部分的位置显示另外一个网页的的信息。
    
注意: frameSet标签不能用于body标签体内容。

代码示例:

index.html

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7
 8     <frameset  rows="20%,70%,*" >
 9         <frame  src="top.html" />
10         <frameset cols="20%,*">
11             <frame src="left.html" />
12             <frame name="center" src="center.html"/>
13         </frameset>
14         <frame src="foot.html"/>
15     </frameset><noframes></noframes>
16
17 </html>

top.html

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 <body>
 8     <div align="center"><font color="#FF0000" size="30px">公司的logo</font></div>
 9
10 </body>
11 </html>

left.html

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 <body>
 8 <dl>
 9     <dt>功能介绍</dt>
10     <dd><a href="../2常用的标签.html" target="center" >公司简介</a></dd>
11     <dd><a href="#">产品介绍</a></dd>
12     <dd><a href="#">公司荣耀</a></dd>
13     <dd><a href="#">招聘英才</a></dd>
14     <dd><a href="#">联系我们</a></dd>
15 </dl>
16 </body>
17 </html>

center.html

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 <body>
 8     公司创建于2006年,一直专注于java培训等...公司创建于2006年,一直专注于java培训等...公司创建于2006年,一直专注于java培训等...
 9
10 </body>
11 </html>

bottom.html

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 </head>
 7 <body>
 8     <div align="center">
 9         合作伙伴:百度、 腾讯、 微软、甲骨文....<br/>
10         联系方式:020-123456
11     </div>
12
13 </body>
14 </html>

时间: 2024-08-11 01:35:08

html(四) -- 框架标签的相关文章

表格标签,图片标签,框架标签,表单标签

一)表格标签 <table>标签 表格里面需要设置单元格的行,在行内设置单元格代表该行的列. 通过改变table的属性还有单元格的属性可以设置单元格的跨度,字体,对齐方式等. 示例: <table align="center" border="1px" width="400pt" height="300pt"> <tr> <th colspan="3">学习成

028、HTML 标签2超链接,框架标签

内容:超链接,框架标签############################################################## <!-- 超链接 --> <a href="https://www.baidu.com">baidu.com</a> <br/> <a href="mailto:[email protected][email protected]">联系我们</a>

HTML框架标签

与HTML框架有关的标签主要有三种: <frameset>框架结构标签 <frame>框架标签 <iframe>内联框架标签 一. 先来说第一种框架结构标签 <frameset>,其主要属性是rows和cols,使用如下: <html> <frameset cols="25%,50%,25%"> <frame src="frame_a.htm" /> <frame src=&q

php四对标签

<?php    ?>----仅使用这样格式 <script language="php">  </script> <? ?> <% %> 想要服务器解读这四种标签,需要到php.ini文件下修改配置. 把里面的short_open_tag = Off里的off改成On.保存好重新启动apache服务.

框架标签

框架标签: frameset:一个frameset可以把一个页面切割成多份,只能按照行或者列切割. 一个frame就是一个页面,frameset里边可以有多个freme. frame:一个frame就是一个部分,frame是不能被切割的,frame是位于frameset中. frameset标签不能用于body标签体内. 做成以下效果: 先分一个frameset,然后将它分为上下两行frame,然后中间分一个frameset,在这个frameset里在分一个frame. 具体步骤:(注意顶部的每

javaweb之框架标签(day1 框架标签的使用)

框架标签 <frameset> --rows:按照行进行划分<frameset rows='80,*'> --rows:按照列进行划分<frameset cols='80,*'> <frame>   用于表示具体显示的页面 <frame name='left' src='显示页面的名称(a.html)'> 注:使用框架标签时候,不能写在body里,使用了框架标签,需要把body去掉 例: <frame set rows='80,*'>

关于position的四个标签

四个标签是static,relative,absolute,fixed. static 该值是正常流,并且是默认值,因此你很少看到(如果存在的话)指定该值. relative:框的位置能够相对于它在正常流中的位置有所偏移 absolute:使用x和y坐标,根据包含元素的左上角精确地定位框的位置 fixed:位置是根据浏览器窗口的左上角计算出来的,并且即使用户滚动窗口,也不会改变位置. 部分源代码: html: <div class ="box" id="one"

[19/05/17-星期五] HTML_body标签(内嵌标签)和框架标签

一.内嵌标签 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <!--在当前网页嵌入另一个网页,达到不同网页资源之间不相互干扰,并能在同一个页面进行显示 iframe 多用于网页播放器如爱奇艺 src:要显示网页的路径 可以是本地也可以是网络资源 width和height 要显示网页的宽和高 name:设置内嵌区域的名字 结合超链接 --> <title>0

HTML - 框架标签相关

<html> <head></head> <!-- frameset 框架标签 cols : 按照列进行区域的切分 rows : 按照行进行区域的切分 frame 子标签, 用在frameset切分的区域中, frame可以单独加载网页资源 src : 资源路径 name : 区域名, 可以结合超链接的target属性使用 --> <frameset rows="15%,*,15%"> <frame src="