笔记 - 6、HTML - 框架--frameset

简介: HTML·框架:要在HTML中使用框架,必须先要删除body标签。然后在页面中添加<frameset></frameset>标签。      frameset的属性:     rows:用来分割窗口。         rows="40%,60%"表示将窗口水平分割成上部分占浏览器窗口的40%,剩余部分占60%。         rows="40%,*" 表
HTML·框架:要在HTML中使用框架,必须先要删除body标签。然后在页面中添加<frameset></frameset>标签。
    
frameset的属性:
    rows:用来分割窗口。
        rows="40%,60%"表示将窗口水平分割成上部分占浏览器窗口的40%,剩余部分占60%。
        rows="40%,*" 表示将浏览器上部分水平分割成40%,*表示剩余部分所占比例(100%-前面所占的比例 == *的值)
        rows="400, *" 表示将浏览器窗口水平分割,上部分占400px高度,
        *表示剩余部分的高度。如果设置的值超过浏览器的高度,那么这个部分的高度最高和浏览器一样高。

    cols:用来分割窗口,取值与rows相同,rows表示水平方向,cols表示垂直方向分割窗口。

注意:将浏览器窗口分割成几个部分,<frameset>标签内部就要嵌套几个<frame />
    
    frameborder:表示框架是否有边框,如果有的话,配合border属性设置边框的大小。
        1:表示有边框
        0:没有边框。
        yes:也表示有边框
        no:没有边框。
    如果值设置为1或者yes的话,就要配合border属性来设置边框大小。
    
    border:边框大小
    bordercolor:边框颜色
    framespacing:也表示框架边框的宽度。作用与border一样。

<frame />的属性:
    name:表示给这个窗口起个名字。
    scrolling:设置滚动条的显示情况。
        auto:自动(默认值)如果内容超出这个部分,会自动显示滚动条。
        no:如果内容超出这个部分,不会显示滚动条
        yes:与auto一样。
    noresize:只有一个值,就是它自己noresize="noresize",如果设置这个属性,那么这个<frame/>表示的部分将不能用鼠标拖动来改变它的大小。
    marginwidth:表示窗口中的内容与边框左边和右边的边距。
    marginheight:表示窗口中的内容与边框顶部和底部的边距。


<noframes></noframes>:在不支持框架的浏览器中会显示该标签中的内容。支持框架的浏览器不会显示该标签中的内容。一般是用来给不支持的浏览器写一个提示信息。
   
目录
相关文章
|
4月前
|
前端开发 搜索推荐 JavaScript
HTML 框架
HTML 框架
|
2天前
|
移动开发 前端开发 JavaScript
HTML 框架高阶用法
HTML框架,或前端框架,如Bootstrap、Vue.js等,显著提升了Web应用开发的速度与用户体验。本文介绍了一些高级技巧,如自定义样式与组件、响应式设计实践、JavaScript功能增强及性能优化策略等,帮助开发者更好地利用这些工具,实现高效开发并提升应用性能与灵活性。
|
1月前
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
30天前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
36 1
|
2月前
|
开发者
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
28 0
|
4月前
|
缓存 前端开发 JavaScript
HTML设计最新笔记
HTML设计最新笔记
32 1
|
3月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记2)
|
3月前
|
Python
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
Python基础教程(第3版)中文版 第20章 项目1: 自动添加标签(纯文本转HTML格式) (笔记)
|
4月前
|
前端开发 JavaScript 开发者
【专栏:HTML与CSS实践篇】CSS框架(Bootstrap/Foundation)快速上手
【4月更文挑战第30天】Bootstrap和Foundation是两种流行的CSS框架,用于构建响应式网页。它们包含预定义的样式、栅格系统和组件,加速开发流程。Bootstrap以其12列栅格系统闻名,而Foundation提供更定制化和模块化选项。了解并熟练运用这些框架的基本概念和组件,结合最佳实践和性能优化,能帮助开发者高效创建符合现代设计趋势的网页项目。
98 3
|
4月前
|
前端开发 JavaScript 搜索推荐
react-app框架——使用monaco editor实现online编辑html代码编辑器
react-app框架——使用monaco editor实现online编辑html代码编辑器
236 3