• 网页中的框架


    

     

     Html中的框架,学习完今天这节,主要的Html的理论知识就告一段落了。


      什么是Html框架?


     将浏览器窗体,划分为不同的区域,每一个区域能够包括不同的网页。以实现,多个网页在一个浏览器窗体中现实的效果。

     

    小结:说白了,就是起到一个整合作用,把其它网页的内容直接嵌套过来利用。



     

      Html框架语法

    • <frameset rows=”控制行数及行高” cols=”控制列数及列宽 framespacing=”框架间距” frameborder=”是否显示框架(yes/no/1/0)” border=”边框宽度” bordercolor=”边框颜色”>

    • <frame src=”被包括的文件路径及名称” name=”框架名称” noresize=”是否同意改变框架尺寸”(true/false) scrolling=”滚动栏显示控制”(yes/no/auto)>

    • </frameset>

     

     

    牛刀小试

     像往常一样,试一下,熟悉下代码环境就可以,无须记住。

     

    效果图例如以下:

     

    如图所看到的,这是由两个网页嵌套的效果,左边是一个,右边也是一个,这就是所谓的网页的框架。

     

    左边

    <span style="font-size:18px;"><html>
     <head>
    <title>左側</title>      <!--网页标题-->
    <body>
    <table border="1" width="200">
    <caption>仿126邮箱管理</caption>       <!--标题-->
    <tr>
    <td>加入邮件</td>     <!--第一行第一列-->
    </tr>
    <tr>
    <td>删除邮件</td>      <!--第一行第二列-->
    </tr>
    <tr>
    <td>收邮件</td>
    </tr>
    <tr>
    <td>写邮件</td>
    </tr>
    </table>
    </body>
    </head>
    </html></span>

    右边

    <span style="font-size:18px;"><html>
     <head>
    <title>左側</title>      <!--网页标题-->
    <body>
    <table border="1" width="500" cellpadding="10">    <!--加入一个表格-->
    <caption>这里是加入邮件的页面</caption>         
    <tr>
    <td colspan=="2">在这里写邮件</td>           <!---第一行合并->
    </tr>
    <tr>
    <td>邮件标题</td>
    <td><input type="text" name="email" size="40"></td>
    </tr>
    <tr>
    <td>邮件内容</td>
    <td>
    <textarea cols="40" rows="10" name="neirong">      <!--加入多行文本框-->
    </textarea>
    </td>
    </tr>
    </table>
    </body>
    </head>
    </html></span>

    嵌套整合

     

    <span style="font-size:18px;"><html>
     <head>
    <title>嵌套整合</title>      <!--网页标题-->
    <frameset cols="300,600" bordercolor="black" border="5" frameborder="10" >  <!--设置为两列-->
    <frame src="left.htm" scrolling="true">     <!--整合左边网页-->
    <frame src="right.htm">                 <!--整合右边网页-->
    </frameset>
    </head>
    </html></span>



    小结

    这段时间学习了html,也算不上什么高打上的技术,自从学习完VB后,再也不用操心我的学习了,学什么都感觉不到太吃力,这预计来自于平时的善于总结,善于寻找共同点,可以把复杂问题简单化。技术没什么好学习的,仅仅有你知道不知道的技术,没有你学不会的技术,但学习的方法和理念这没有速成的办法,仅仅有靠平时的点滴积累来逐渐的培养。

  • 相关阅读:
    单例设计模式
    程序员眼中的中国传统文化王阳明《传习录》10
    程序员眼中的中国传统文化王阳明《传习录》8
    程序员眼中的中国传统文化王阳明《传习录》16
    程序员眼中的中国传统文化王阳明《传习录》11
    程序员眼中的中国传统文化王阳明《传习录》15
    程序员眼中的中国传统文化王阳明《传习录》14
    程序员眼中的中国传统文化王阳明《传习录》9
    程序员眼中的中国传统文化王阳明《传习录》13
    程序员眼中的中国传统文化王阳明《传习录》12
  • 原文地址:https://www.cnblogs.com/mfrbuaa/p/3992722.html
Copyright © 2020-2023  润新知