HTML教程-各窗口的尺寸设置

2016-02-19 20:33 1 1 收藏

下面图老师小编要向大家介绍下HTML教程-各窗口的尺寸设置,看起来复杂实则是简单的,掌握好技巧就OK,喜欢就赶紧收藏起来吧!

【 tulaoshi.com - Web开发 】

  我们将窗口分割为几块,横向分用ROWS属性,纵向分用COLS属性,每一块的大小可以由这两个属性的值来实现。

  frameset cols=#  例:frameset cols="100,200,300"
  frameset rows=#  例:frameset rows="10%,20%,70%"

  #的值为一对用引号括起来的字符串,字符串中的数字表示每个分窗口所占的尺寸,数字中间用逗号隔开,有几个数字就表示分出了几个窗口。当然,这其中的任何一个数字也可以由“*”来代替,这样表示由浏览器自动设置其大小。

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  如:frameset cols="100,200,*"
    frameset cols="100,*,*"   将100像素以外的窗口平均分配
    frameset cols="*,*,*"    将窗口分为三等份

--------------------------------------------------------------------------------

纵向排列多个窗口:

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

********************************

frameset cols=30%,20%,50%
  frame src="frame/A.html"
  frame src="frame/B.html"
  frame src="frame/C.html"
/frameset

横向排列多个窗口:

********************************

frameset rows=25%,25%,50%
  frame src="frame/A.html"
  frame src="frame/B.html"
  frame src="frame/C.html"
/frameset

纵横排列多个窗口:

********************************

frameset cols=20%,*
  frame src="frame/A.html"
  frameset rows=40%,*
    frame src="frame/B.html"
    frame src="frame/C.html"
  /frameset
/frameset

来源:https://www.tulaoshi.com/n/20160219/1623996.html

延伸阅读
wps冻结窗口怎么设置   1、打开wps,比如这个表格我们需要,我们冻结第1行。 2、然后点击视图---冻结表格 3、这个时候我们看一下效果,这个时候我们发现学号下面前面的1234都隐藏起来了 wps表格在试图打开文件时遇到错误怎么样   法一、点击备份管理应该是没有反应,它只能显示当前一部分列表,点击...
  如何利用网页弹出各种形式的窗口,我想大家大多都是知道些的,但那种多种多样的弹出式窗口是怎么搞出来的,我们今天就来学习一下: 1.弹启一个全屏窗口 <html <body onload="window.open('http://www.pconline.com.cn','example01','fullscreen');"; <bwww.e3i5.com</b </body </html 2.弹启一个被F1...
标签: 电脑入门
在Word 2007文档中,用户可以通过多种方式设置图片尺寸。例如拖动Word 2007图片控制手柄、指定图片宽度和高度数值等,下面介绍最常用的三种方式。 1.拖动Word 2007图片控制手柄 用户在Word 2007文档中选中图片的时候,图片的周围会出现8个方向的控制手柄。拖动四角的控制手柄可以按照宽高比例放大或缩小图片的尺寸,拖动四边的控制手柄可以向...
标签: Web开发
html, address, blockquote, body, dd, div, dl, dt, fieldset, form, frame, frameset, h1, h2, h3, h4, h5, h6, noframes, ol, p, ul, center, dir, hr, menu, pre   { display: block }  li              { display: list-item }  head&nb...
标签: Web开发
html,address, blockquote, body,dd,div, dl,dt,fieldset,form, frame,frameset, h1,h2,h3,h4, h5,h6,noframes, ol,p,ul,center, dir,hr,menu,pre{display:block} li{display:list-item} head{display:none} table{display:table} ...

经验教程

699

收藏

24
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部