您的位置：首页 > Web前端 > CSS

HTML+CSS基础入门-第七天（HTML-HTML框架）

2017-03-24 12:08 471 查看

框架是什么

框架将浏览器划分成不同的部分，每一部分加载不同的网页，实现在同一浏览器窗口加载多个页面的效果

<frameset>划分框架标记

语法格式

<frameset>……</frameset>

属性

cols

如果使用“*”，“*”表示框架平均分成2个

如果使用“*”,“*”,“*”表示框架平均分层3个

rows

使用像素数和%分割上下窗口，“*”表示剩余部分

frameborder

指定是否显示边框，0不显示，1显示

border

设置边框的大小，默认值5像素

<frame>子窗口标记

在<frameset>中设置了几个窗口，就必须对应使用几个<frame>框架，而且必须使用src属性指定一个网页。

src

加载网页文件的URL地址

name

框架名称，是链接标记的target所要的参数

noresize

表示不能调整框架大小，没有设置时就可以调整

scrolling

是都需要滚动条

auto：根据需要自动出现

yes：有

no：无

frameboeder

是否需要边框

- 1：显示边框

- 0：不显示边框

代码

demo.html

<html>
<head>
<title>第七天HTML框架</title>
<meta charset="utf-8">
</head>
<frameset rows="90,*,90" border="1">
<frame name="top" src="top.html"/>

<frameset cols="20%,80%">
<frame name="left" src="left.html"/>
<frame name="right" src="right.html" scrolling="auto"/>
</frameset>

<frame name="bottom" src="bottom.html"/>

</frameset>
</html>


top.html

<html>
<head>
<title>top</title>
<meta charset="utf-8">
</head>
<body bgcolor="green">
top
</body>
</html>


left.html

<html>
<head>
<title>left</title>
<meta charset="utf-8">
</head>
<body>
<ul>
<li><a href="">首页</a></li><br/>
<li><a href="">新闻</a></li><br/>
<li><a href="">图片</a></li><br/>
<li><a href="">联系我们</a></li>

</ul>
</body>
</html>


right.html

<html>
<head>
<title>right</title>
<meta charset="utf-8">
</head>
<body>
<a href="#dibu">到底部</a>
<table cellspacing="10">
<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>
<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>
<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年
b549
至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>
<tr>
<td> <img src="https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=455843908,665057709&fm=80&w=179&h=119&img.JPEG" height="90" width="120"></td>
<td> <p> 报道称，这一时期的南极是夏季，气温上升，海冰面积为一年中最小。但2000年至2009年观测到的最小面积平均为303万平方公里，本月1日的数据显示减少至约七成。该机构对宇宙航空研究开发机构(JAXA)水循环变动观测卫星“雫”收集的数据进行了分析.另外，美国国家航空航天局(NASA)也宣布，南极洲的海冰面积本月初创最小纪录。据悉北冰洋的海冰7日达到今冬最大面积，但作为冬季面积峰值则创历史新低。</p>
</td>
</tr>

</table>
<a name="dibu"></a>
</body>
</html>


bottom.html

<html>
<head>
<title>bottom</title>
<meta charset="utf-8">
</head>
<body bgcolor="green">
<br/>
<center><font color="white"> bree 版权所有</font></center>
</body>
</html>


显示结果

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签：  html css 框架 frameset
相关文章推荐
新的分享
章节导航