网页中的框架



 

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

原文地址:https://www.cnblogs.com/mfrbuaa/p/3992722.html