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

网页中的框架

2024-07-10 02:04:05   221人阅读



 

 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后，再也不用担心我的学习了，学什么都感觉不到太吃力，这估计来自于平时的善于总结，善于寻找共同点，能够把复杂问题简单化。技术没什么好学习的，只有你知道不知道的技术，没有你学不会的技术，但学习的方法和理念这没有速成的办法，只有靠平时的点滴积累来逐渐的培养。


联系
我们