首页 > 代码库 > 网页中的框架

网页中的框架



 

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


  什么是Html框架?


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

 

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



 

  Html框架语法

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

  • <frame src=http://www.mamicode.com/”被包含的文件路径及名称” 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=http://www.mamicode.com/"left.htm" scrolling="true">     >



小结

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