HTML <frameset>标签cols属性

HTML中<frameset>标签的cols属性包含了一个由逗号分隔的列表,这个列表指定了包含在一组框架中的列数和各列的大小。

提示:左右分割窗口就是在浏览器中沿垂直方向分割为几个窗口,这些窗口左右分布。

语法

<frameset cols="属性值">......
</frameset>

属性值

列表项从左向右指定各列。列的大小可以使用三种格式指定,也可以混合使用。

1. 可以给一个列分配一个固定宽度,单位为像素。

2. 可以使用一个可用宽度的百分比值,比如 50%。

3. 可以使用通配符*来设置列的宽度,*为填满可用宽度的值。这个值由浏览器自动设置。


实例

实例 1:下面的代码将创建3列框架:

<frameset cols="150,300,150">

第一和最后一个框架被设为150像素宽,第二列设置成300像素宽。

实例 2:用窗口尺寸的百分比表示框架的列尺寸数据更加符合实际。下面这个示例与上面那个示例的效果相同:

<frameset cols="25%,50%,25%">

如果这些百分比加起来不是100%,浏览器会自动按照比例重新给出每列尺寸以消除差异。

实例 3:当浏览器遇到下列框架标签时:

<frameset cols="100, *">

上面的例子会生成一个宽为固定的100像素的列,然后再生成另一个框架列,该列会占据框架集中其余所有的空间。

实例 4:可以对多个列属性值使用星号。这时,相应的列将对可用空间进行等分:

<frameset cols="*, 100, *">

这条语句在框架集的中间生成一个100像素宽的列,并在这列的左边和右边各生成一个相同尺寸的列。

实例 5:如果在星号前放置一个整数值,相应的列就会相对地获得更多的可用空间。例如:

<frameset cols="10%, 3*, *, *">

它生成了4列:第一列占据整个框架集宽度的10%。然后浏览器把其他空间的3/5分配给第二个框架,第三个和第四个框架各分配其余空间的1/5。

HTML frameset 标签 cols 属性相关推荐

  1. html frameset 属性,html frameset标签怎么用?html frameset标签属性详解

    html frameset标签怎么用?html frameset标签属性详解,本篇文章主要讲述了html frameset标签的定义和用法,还有html frameset标签两个属性的用途(附实例) ...

  2. 【web】textarea标签的cols属性失效,解决办法

    经过一系列的测试 我发现textarea标签如果放在设置了弹性布局且主轴设置为垂直方向时, textarea标签的cols属性会失效,父容器有多宽textarea的文本框就有多宽 还不知道是什么原因 ...

  3. frameset标签设计页面

    重要事项:不能将 <frameset></frameset> 标签放在<body></body> 标签里.且 HTML5 已经不支持 frameset ...

  4. a标签download属性无效_html常用标签大全

    html中标签有很多,每一种标签都有着不同的用处,下面这篇文章给大家总结html常用的标签,每一种标签都会跟随一个例子,话不多说,让我们来看看具体内容. 我的学习交流群web前端学习交流群 <f ...

  5. frameset标签

    文献种类:专题技术文献: <frameset>标签 开发工具与关键技术:VS/HTML 作者:吴泽锋 撰写时间:2019年6月28日 6.<frameset>标签:frames ...

  6. HTML所有标签及其属性汇总

    [注意]由于文章很长,所以当我们点击某个目录,跳转到对应的位置后,这个目录下的内容会以一个单独的页面呈现,也就是说如果我们想回到初始页面,需要点击一下浏览器的返回按钮,但由于CSDN缓存的问题,在我们 ...

  7. Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架

    第三天HTML中input标签常用属性.框架集.内嵌框架 一.input标签常用属性 表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...

  8. HTML之frameset标签

    frameset是html的框架标签,主要是对于浏览器界面的分割,使得一个较为复杂的界面划分为多个简单的界面,与frame标签一起使用. 每一个frameset标签相当于一个复杂的界面,包含多个fra ...

  9. html5常用的属性标签,HTML5常用标签及其属性设置

    一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...

  10. html标签属性和标签事件,HTML参考手册( 标签、属性和事件)

    HTML标签 标签 描述 DTD 定义注释. STF 定义文档类型. STF 定义锚. STF 定义缩写. STF 定义只取首字母的缩写. STF 定义文档作者或拥有者的联系信息. STF 不赞成使用 ...

最新文章

  1. 博途v13打开软件时显示连接不到服务器,TIA博途V13软件在打开程序过程中出现以下这种情况,怎么回事?...
  2. 异常处理与MiniDump详解(3) SEH(Structured Exception Handling)
  3. shell中的字符串操作
  4. css中position的两种定位(absolute、relative)
  5. vue 一个页面有点请求需要同时发送_前端性能优化,这些你都需要知道
  6. 测试抽象类和模板方法模式
  7. HEVC/H265 解码图表,请对照代码看。
  8. 【原创】从 列表的重复 到 用sum展开二层嵌套列表将子元素合并
  9. teamcity mysql 配置_CentOS 7 上 TeamCity 安装
  10. Coursera 机器学习笔记(五)
  11. Silverlight+WCF 新手实例 象棋 棋子定位与象棋类(四)
  12. java 基本类型 包装类型_Java中基本类型和包装类
  13. 基于JAVA+SpringMVC+Mybatis+MYSQL的宿舍管理平台系统
  14. 【MapReduce】MapReduce工作机制
  15. MSCRM 报表显示 rsprocessingaborted 错误
  16. 小白的入门之——汇编语言程序设计教程
  17. 计算机专业评定职称论文,优秀计算机评职称论文参考文献 计算机评职称参考文献怎么写...
  18. 永远的Shawn,永远于我们同行
  19. iphone UIImageWriteToSavedPhotosAlbum 保存图片
  20. centos7安装mplayer+smplayer

热门文章

  1. ios动态效果实现翻页_iOS实现翻页效果动画
  2. 多卡聚合路由器和普通路由器的区别
  3. 【coq】函数语言设计 练习题tatcislogics 总结
  4. dell t320 raid linux,Dell T320服务器阵列卡驱动下载
  5. Microsoft FxCop 的设计规则 .
  6. 2021年度学习总结
  7. 三角肌前束(04):杠铃立正划船
  8. 万能显卡驱动win7_AMD发布Radeon 20.11.1驱动:优化四款新游戏、性能提升7%-AMD,Radeon,驱动,RX 5700 XT ——快科技(驱动之家旗下媒体)-...
  9. 云计算:几种aaS(as a Server)
  10. python中ospathjoin_python-在Windows上与os.path.join混合斜杠