软件测试工程师之必备html知识,框架的设计

框架和表单设计:
什么是框架:将浏览器划分为不同的部位,每一部分加载不同的网页,实现同一个浏览器窗口加载多个页面的效果

软件测试工程师之必备html知识,框架的设计_第1张图片

注意:写的位置在body的上面部位,如果写在body里面,是不能运行的,放在body外面都可以运行

同时,frame标记必须要放在frameset   里面

例子:左中右是cols  如果是上中下 就是 rows,一个浏览器实现打开3个页面的效果





框架








执行效果如图所示:

软件测试工程师之必备html知识,框架的设计_第2张图片

软件测试工程师之必备html知识,框架的设计_第3张图片

frame必须要写在frameset里面,分成几份,写几个frame

通过框架的方式实现以下界面,将页面分成3分,上面一份,下面两份,如图:

1:分成3份

2:点击公司简介,右边出来对应的内容

软件测试工程师之必备html知识,框架的设计_第4张图片

代码如下:需要创建3个html界面,左边的 左边html /右边的 右边html/第三章html

主页面代码如下:




首页









软件测试工程师之必备html知识,框架的设计_第5张图片

左边html:







百度

淘宝

京东

登陆

注册


软件测试工程师之必备html知识,框架的设计_第6张图片

点击页面链接,进入页面2,如图

软件测试工程师之必备html知识,框架的设计_第7张图片

你可能感兴趣的:(软件测试工程师之必备html知识,框架的设计)