HTML学习笔记-HTML框架 AND 2018-11-20(23:33)

一、Frameset标签

        Frameset标签:框架标签,可以把一个网页分为好几个网页。不能和body一同使用。
常用属性:rows:把框架分为上下的区间。第一块占60的长度,其余的第二块占。

例如:


二、frame标签
        frame标签:用来在同一页面显示多个HTML的。
例如:



    


    
    
    


三、以一个架子为例
HTML学习笔记-HTML框架 AND 2018-11-20(23:33)_第1张图片

1.首先利用rows属性把它分为上下两部分(index.html)。
代码如下:



       1



       2


2.然后把顶部的区间创建一个HTML.
(top.html)





首页抬头


管理系统

3.然后利用frameset的cols属性,把左侧菜单栏的区间和右侧主现框创建分隔开。



	


		
		


4.把左侧菜单栏的HTML写出来(left.html)





左侧菜单栏


会员管理
订单管理
财务管理

5.把菜单栏中的每个功能各写一个HTML页面(vip.htlm 、other.html、finance.html)。

Vip页面:(会员)




会员


会员信息
  • 刘备
  • 关羽
  • 张飞
--------------- other页面:(订单) 订单信息 订单信息:
  • 手机一部
  • 电脑一台
  • 房子一套
---------------- finance页面(财务): 财务 财务结算:
  • 刘备:50000
  • 张飞:30000
  • 关羽:40000

6.把所有这菜单页面配置到Index.html中并让主现框默认显示vip.html(会员信息)。


 
    
  
 
    
    
    
 


7.在菜单栏页面中的a标签中全部添加统一的name属性。





左侧菜单栏


会员管理
订 单管理
财务管理

8.在index页面的主现框区域 添加name属性,与菜单HTML的各个功能的name连接。实现HTML框架功能。



    


    
    
    









0:08了小伙伴们,打卡第六天!HTML完结!下此更新CSS的知识了!

你可能感兴趣的:(灰烬HTML学习笔记)