[2016-01-14][html][html框架的使用]

  • 什么是框架?

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


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

<html>

    <!--[2016-01-14][html][html框架的使用].html-->

    <head>

        <title>html框架的使用</title>

        <meta charset = "utf-8">

    </head>

    <frameset frameborder=1 border=1 rows="90,*,40"noresize>

                                    <!--把页面分成3行-->

        <!--划分框架标记,不需要需要放在 body标记下-->

        <!--属性

            cols: 使用像素数或者百分比分割左右窗口 如:"*,*,*"表示分割成3个窗口

            rows:使用像素数或者百分比数分割上下窗口 如 "30%,70%"按比例分割窗口

            frameborder:指定是否显示边框(即划分的线) 0不显示,1显示

            border:设置边框的大小

            noresize:表示不能调整框架大小,没有设置时就可以调整. 

        -->

                <!--区域划分好,必须使用 frame表示指明区域,或者嵌套调用frameset在当前区域再次划分-->

                <frame name = "top" src="top.html" 

                <!--frame 标记,子窗口标记,单编辑,设置了几个窗口,就要对应几个frame,并且必须使用src属性-->

                <!--属性

                    src:加载网页的url地址

                    name:框架名称,是链接标记的target所要参数

                    noresize:表示不能调整框架大小,没有设置时就可以调整. 

                    scrolling:是否需要滚动条,auto自动出现,yes有,no无

                    frameborder:是否需要边框:1显示,0不显示

                -->

                <frameset frameborder=1 border=1 cols="300,*">

                    <frame name = "left" src = "left.html">

                    <frame name = "right" src = "right.html">

                </frameset>

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

    </frameset>

</html>


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<html>

    <!--top.html-->

    <head>

        <title>html框架的使用</title>

        <meta charset = "utf-8">

    </head>

    <body>

        <table width="100%" height="100%" cellpadding="0" cellspacing="0">

            <tr>

                <td valign="middle" align = "center">

                    <font size = 5>html框架的使用(正中间!!!)</font>

                </td>

            </tr>

        </table>

    </body>

</html>


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<html>

    <!--bottom.html-->

    <head>

        <title>html框架的使用</title>

        <meta charset = "utf-8">

    </head>

    <body>

        <table width="100%" height="100%" cellpadding="0" cellspacing="0">

            <tr>

                <td valign="middle" align = "center">

                    <font size = 2>&copy红洋版权所有</font>

                </td>

            </tr>

        </table>

    </body>

</html>


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

<html>

    <!--left.html-->

    <head>

        <title>html框架的使用</title>

        <meta charset = "utf-8">

    </head>

    <body>

            <table width="100%" height="100%" cellpadding="0" cellspacing="0">

            <tr>

                <td valign="middle">

                    <ul>

                        <li><a href = "http://www.baidu.com" target = "_blank">百度</li><br>

                        <li><a href = "https://www.google.com.hk/" target = "_blank">Google</li><br>

                        <li><a href = "https://www.youtube.com/?gl=HK&tab=w1" target = "_blank">YouTube</li><br>

                        <li><a href = "http://www.cnblogs.com/qhy285571052/" target = "_blank">博客</li><br>

                    </ul>

                </td>

            </tr>

        </table>

    </body>

</html>


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

59

60

61

62

63

<html>

    <!--right.html-->

    <head>

        <title>html框架的使用</title>

        <meta charset = "utf-8">

    </head>

    <body>

            <table width="100%" height="100%" cellpadding="0" cellspacing="0" rules = "all" frame = "border">

            <tr>

                <td width= 300  height = "150" >

                    <img src = "1.jpg" width = "300">

                </td>

                <td>

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                </td>

            </tr>

            <tr>

                <td width="300" height = "150"  >

                    <img src = "1.jpg" width = "300" >

                </td>

                <td>

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                </td>

            </tr>

            <tr>

                <td width= 300 height = "150" >

                    <img src = "1.jpg" width = "300">

                </td>

                <td>

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                </td>

            </tr>

            <tr>

                <td width= 300 height = "150" >

                    <img src = "1.jpg" width = "300">

                </td>

                <td>

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                    正文正文正文正文正文正文正文正文正文正文正文

                </td>

            </tr>

        </table>

    </body>

</html>

来自为知笔记(Wiz)

时间: 2025-01-21 21:26:09

[2016-01-14][html][html框架的使用]的相关文章

2016/01/14开始学习git:标签管理:创建标签

标签也是版本库的一个快照指向某个commit的指针(分支可以移动,标签不能移动) 切换到需要打标签的分支上git tag <name>就可以打一个新标签: $ git tag v1.0 git tag查看所有标签: $ git tagv1.0 打之前提交的版本的commit需要当时的commit ID$ git tag v0.9 93ddf60 查看tag$ git tagv0.9v1.0 标签不是按时间顺序列出,而是按字母排序的.可以用git show <tagname>查看标签

2016/01/14开始学习git:标签管理:操作标签

一.删除本地标签 如果标签打错了,也可以删除:git tag -d v0.1 因为创建的标签都只存储在本地,不会自动推送到远程.所以,打错的标签可以在本地安全删除. 二.推送标签如果要推送某个标签到远程,使用命令git push origin <tagname>:git push origin v1.0或者,一次性推送全部尚未推送到远程的本地标签:git push origin --tags 三.删除远程标签如果标签已经推送到远程,要删除远程标签就麻烦一点,先从本地删除:git tag -d

2016/01/14开始学习git:分支管理:多人协作

一.当你从远程仓库克隆时,实际上Git自动把本地的master分支和远程的master分支对应起来了,并且,远程仓库的默认名称是origin. 要查看远程库的信息,用git remote:origingit remote -v显示更详细的信息origin  [email protected]:Jacobwan/learngit.git (fetch)origin  [email protected]:Jacobwan/learngit.git (push) 二.推送分支推送分支,就是把该分支上的

[官方软件] Easy Sysprep v4.3.29.602 【系统封装部署利器】(2016.01.22)--skyfree大神

[官方软件] Easy Sysprep v4.3.29.602 [系统封装部署利器](2016.01.22) Skyfree 发表于 2016-1-22 13:55:55 https://www.itsk.com/forum.php?mod=viewthread&tid=362766&highlight=Easy%2BSysprep [官方软件] Easy Sysprep v4.3.29.602 [系统封装部署利器](2016.01.22) [Easy Sysprep]概述:Easy Sy

转-基于NodeJS的14款Web框架

基于NodeJS的14款Web框架 2014-10-16 23:28 作者: NodeJSNet 来源: 本站 浏览: 1,399 次阅读 我要评论暂无评论 字号: 大 中 小 摘要: 在几年的时间里,Node.js逐渐发展成一个成熟的开发平台,吸引了许多开发者.有许多大型高流量网站都采用Node.js进行开发,像PayPal,此外,开发人员还可以使用它来开发一些快速移动Web框架. 下面就介绍14款基于Node.js的Web应用框架,大家不... 在几年的时间里,Node.js逐渐发展成一个成

2016.01工作日志

2016.01.01 元旦在家,八点醒,开始继续阅读「30日でできる!OS自作入門」.主要目的,加深对os和cpu的理解.另外花些时间又重温王爽的<汇编语言>.今天,最大收获还是感官上体会系统底层:比如往内存xxxx里写入0或者1就可以实现操作系统对xxxx部件的控制.另外,看到了「30日でできる!OS自作入門」中自制操作系统的内存图,就可以知道,内存这种东西,就是操作系统,或者cpu规划的.内存本身是不分段的.内存的哪一段是ram哪一段是bios显卡,改变其地址值就可以实现特定效果. 对于这

2016.01.18-2016.01.21盲审通关修改

请以上同学在1月21日(星期四)之前将以下材料交到研究生科: 1.装订好的硕士学位论文3本(注意:封面上作者姓名和指导教师隐去.致谢隐去.硕士学位期间发表的全部的论文作者隐去): 2.普通信封上写明评阅费:200元.邮寄费:22元,并将相应的钱款分别装入以上三个信封(普通信封,一共:200*3+22*3元): 3.从研究生管理信息系统中导出的“论文评阅书”封面上的作者姓名和指导教师姓名隐去:交三份“论文评阅书”和三份“学位论文评阅聘书”. 4.交三份“EMS”信封和一个装有20×3=60元邮寄费

2016最热门的PHP框架

每个PHP框架都拥有各自独特的地方.同时PHP语言已经获得了巨大的认同并且成为了世界上最通用的服务器脚本语言.PHP也俨然成为了最容易学习的web动态开发语言.在PHP发展的同时,PHP框架也迅速崛起,使开发复杂应用变得简单.快捷. 许多PHP开发者选择PHP框架,就是因为在PHP框架中为你的应用已经提供了精准的目录和环境,便于快捷开发.这也是一个开发高扩展性和高质量网页的最佳实践. 在过去几年中,Lavarel有很明显的优势一直处在最热门PHP框架的冠军位置,同样在2016年也是如此.现在我们

2016年 CSS 库、框架和工具新生榜 TOP 50

看看 CSS 在过去几年的巨大变化和快速发展,你就不会对它今年的开源工具大产量感到惊讶了.这些 CSS 库.框架和工具的建立不仅给我们提供了学习的视角,更给我们的工作与生活带来了便利. 本文精选了 50 款 2016 年发布的 CSS 库.框架和工具供大家享用,希望它们对您有所帮助. 分类快速预览:CSS 库,CSS Spinners,CSS 图像特效,CSS 实用程序,设计指南工具,响应式邮件与通讯列表框架,Flexbox 布局工具和框架,CSS 布局框架和 material design 框

2016.3.14

21.shift v.转移 移动 改变 22.vary v.变化 改变 使多元化 .... 计划有变,单词应该早上被比较好,晚上睡觉比较合适. 今天14号,星期一,明天15号,星期二. 今天白色情人节,娥娥给我打钱,让我自己想买啥就买啥. 今天收到ds18b20 还有检测光亮度的传感器,还有一个12v的小电风扇. 1.18b12可以顺利检测出温度. 2.光亮度也可以顺利检测,只是需要180ms的时间延长来接收光亮数据,导致数码管显示卡顿.发现用定时器中断均无法实现,因为单片机用的不是很熟,无法多