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

来源：互联网发布：ubuntu codeblocks 编辑：程序博客网时间：2024/05/10 03:36

框架是什么

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

<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年至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>

显示结果

7-1

0 0