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

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

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

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

纵向排列多个窗口:

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

(本文来源于图老师网站,更多请访问http://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

横向排列多个窗口:

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

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

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

纵横排列多个窗口:

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

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

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

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

延伸阅读
标签: Web开发
网页制作Webjx文章简介:HTML教程,简单学习HTML语言. 1、bodybackground=图片文件名bgcolor=颜色text=颜色link=颜色vlink=颜色alink=颜色.../body标记属性: background:设置网页的背景图像。bgcolor:设置网页的背景颜色。text:设置文本的颜色。link:设置尚未被访问过的超文本链接的颜色。默认蓝色。vlink:设置已被访问过的超...
标签: Web开发
HTML入门 HTML基本构架 页面布局与文字设计 标题 换行br 段落标签P 水平线段hr 文字的大小设置 文字的字体与样式 文字的颜色 位置控制 综合示例 列表 无序号列表 序号列表 定义性列表 TABLE表格 表格的基本结...
wps冻结窗口怎么设置   1、打开wps,比如这个表格我们需要,我们冻结第1行。 2、然后点击视图---冻结表格 3、这个时候我们看一下效果,这个时候我们发现学号下面前面的1234都隐藏起来了 wps表格在试图打开文件时遇到错误怎么样   法一、点击备份管理应该是没有反应,它只能显示当前一部分列表,点击...
标签: 电脑入门
在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{display:none} table{display:table} ...

经验教程

821

收藏

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