3.2号课堂练习

  今天的课堂练习主题是framest标签和farm标签,而作业是布局为

,上边的是我的作业,比较粗糙,大体上是吧整个页面分为三部分,每部分不限制大小,我们先把这三部分命名为top(最上边的图片),left(左边的导航栏),right(剩下的右边区域)吧,

　　　当然,想使用framest,自己肯定也需要有对应的页面,(不局限于HTML文件),首先,编写三个部分的html文件

 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4     <title></title>
 5 </head>
 6 <body>
 7     <a href="../作业/表格作业/Table.html" target="right">这是表格的链接</a><br/><br/><br/><br/><br/>
 8     <a href="../作业/招聘作业/recruit.html" target="right">没有成绩表,用这个作业代替吧</a>
 9 </body>
10 </html>

　　这是left文件的代码,作用是点击"这是表格的链接"和"没有成绩表,用这个作业代替吧"时能跳转到对应页面,当然,这个页面需要在right框内显示出来,这个就需要在'target'里边设置为

这个right就是右半部分的'name',可以在下边的代码里看到

 接下来说主题代码

<!DOCTYPE html>
<html>
<head>
    <title>乱七八糟的课堂作业</title>
</head>
    <frameset rows="30%,*" nosize>
        <frame src="http://mildou.oss-cn-beijing.aliyuncs.com/201403/13/317564381555348034.jpg"></frame>
        <frameset cols="30%,*">
            <frame src="left.html"></frame>
            <frame src="../作业/表格作业/Table.html" name="right"></frame>
        </frameset>
    </frameset>
</html>

  

　　这个上边'left'部分指定的'target'填写的就是他

 

　　主题分割:

我先使用framenst吧整体分为了两部分,上边30%,下边70%;

PS:*的意思就是剩余全部

让后制定了上边的部分需要连接的东西

<frame src="http://mildou.oss-cn-beijing.aliyuncs.com/201403/13/317564381555348034.jpg"></frame>

这是我在网络上的一个图片,没什么需要说的,

接下来又把剩余的百分之七十分割成了左右两份

<frameset cols="30%,*">
        <frame src="left.html"></frame>
    <frame src="../作业/表格作业/Table.html" name="right"></frame>

并且把右边部分命名为right,注意,这个需要和'left'文件里的targrt一直,不然不能再这个窗口打开

完事,就这些了

对了,记得把body标签去掉啊

 

posted on 2017-03-02 14:08  常铎译  阅读(159)  评论(0)    收藏  举报

导航