HTML frameset 标签 cols 属性
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 属性相关推荐
- html frameset 属性,html frameset标签怎么用?html frameset标签属性详解
html frameset标签怎么用?html frameset标签属性详解,本篇文章主要讲述了html frameset标签的定义和用法,还有html frameset标签两个属性的用途(附实例) ...
- 【web】textarea标签的cols属性失效,解决办法
经过一系列的测试 我发现textarea标签如果放在设置了弹性布局且主轴设置为垂直方向时, textarea标签的cols属性会失效,父容器有多宽textarea的文本框就有多宽 还不知道是什么原因 ...
- frameset标签设计页面
重要事项:不能将 <frameset></frameset> 标签放在<body></body> 标签里.且 HTML5 已经不支持 frameset ...
- a标签download属性无效_html常用标签大全
html中标签有很多,每一种标签都有着不同的用处,下面这篇文章给大家总结html常用的标签,每一种标签都会跟随一个例子,话不多说,让我们来看看具体内容. 我的学习交流群web前端学习交流群 <f ...
- frameset标签
文献种类:专题技术文献: <frameset>标签 开发工具与关键技术:VS/HTML 作者:吴泽锋 撰写时间:2019年6月28日 6.<frameset>标签:frames ...
- HTML所有标签及其属性汇总
[注意]由于文章很长,所以当我们点击某个目录,跳转到对应的位置后,这个目录下的内容会以一个单独的页面呈现,也就是说如果我们想回到初始页面,需要点击一下浏览器的返回按钮,但由于CSDN缓存的问题,在我们 ...
- Web学习第三天——HTML中input标签常用属性、框架集、内嵌框架
第三天HTML中input标签常用属性.框架集.内嵌框架 一.input标签常用属性 表单数据提交特点: (一).文本框(text) (二).密码框(password) (三).单选按钮(radio) ...
- HTML之frameset标签
frameset是html的框架标签,主要是对于浏览器界面的分割,使得一个较为复杂的界面划分为多个简单的界面,与frame标签一起使用. 每一个frameset标签相当于一个复杂的界面,包含多个fra ...
- html5常用的属性标签,HTML5常用标签及其属性设置
一.Html5的基本结构 网页的内容 二.head标签内常用标签 1.meta标签:设置元数据信息(metadata),用来描述HTML文档的信息,为网页提供用户不可见的信息.常用属性: ⑴chars ...
- html标签属性和标签事件,HTML参考手册( 标签、属性和事件)
HTML标签 标签 描述 DTD 定义注释. STF 定义文档类型. STF 定义锚. STF 定义缩写. STF 定义只取首字母的缩写. STF 定义文档作者或拥有者的联系信息. STF 不赞成使用 ...
最新文章
- 博途v13打开软件时显示连接不到服务器,TIA博途V13软件在打开程序过程中出现以下这种情况,怎么回事?...
- 异常处理与MiniDump详解(3) SEH(Structured Exception Handling)
- shell中的字符串操作
- css中position的两种定位(absolute、relative)
- vue 一个页面有点请求需要同时发送_前端性能优化,这些你都需要知道
- 测试抽象类和模板方法模式
- HEVC/H265 解码图表,请对照代码看。
- 【原创】从 列表的重复 到 用sum展开二层嵌套列表将子元素合并
- teamcity mysql 配置_CentOS 7 上 TeamCity 安装
- Coursera 机器学习笔记(五)
- Silverlight+WCF 新手实例 象棋 棋子定位与象棋类(四)
- java 基本类型 包装类型_Java中基本类型和包装类
- 基于JAVA+SpringMVC+Mybatis+MYSQL的宿舍管理平台系统
- 【MapReduce】MapReduce工作机制
- MSCRM 报表显示 rsprocessingaborted 错误
- 小白的入门之——汇编语言程序设计教程
- 计算机专业评定职称论文,优秀计算机评职称论文参考文献 计算机评职称参考文献怎么写...
- 永远的Shawn,永远于我们同行
- iphone UIImageWriteToSavedPhotosAlbum 保存图片
- centos7安装mplayer+smplayer
热门文章
- ios动态效果实现翻页_iOS实现翻页效果动画
- 多卡聚合路由器和普通路由器的区别
- 【coq】函数语言设计 练习题tatcislogics 总结
- dell t320 raid linux,Dell T320服务器阵列卡驱动下载
- Microsoft FxCop 的设计规则 .
- 2021年度学习总结
- 三角肌前束(04):杠铃立正划船
- 万能显卡驱动win7_AMD发布Radeon 20.11.1驱动:优化四款新游戏、性能提升7%-AMD,Radeon,驱动,RX 5700 XT ——快科技(驱动之家旗下媒体)-...
- 云计算:几种aaS(as a Server)
- python中ospathjoin_python-在Windows上与os.path.join混合斜杠