网页中的框架



 

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

  • 6
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 13
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值