笔记 - 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>:在不支持框架的浏览器中会显示该标签中的内容。支持框架的浏览器不会显示该标签中的内容。一般是用来给不支持的浏览器写一个提示信息。
   
目录
相关文章
|
2月前
|
移动开发 前端开发 JavaScript
HTML 框架高阶用法
HTML框架,或前端框架,如Bootstrap、Vue.js等,显著提升了Web应用开发的速度与用户体验。本文介绍了一些高级技巧,如自定义样式与组件、响应式设计实践、JavaScript功能增强及性能优化策略等,帮助开发者更好地利用这些工具,实现高效开发并提升应用性能与灵活性。
|
1月前
|
前端开发 JavaScript C++
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
本文是一份超详细的HTML学习笔记,从基础认知开始,介绍了网页的构成、五大浏览器、web标准、HTML/CSS/JavaScript的区别,然后详细讲解了HTML的概念、骨架结构、常用快捷键、注释、标签结构和关系。接着,通过大量实例深入探讨了HTML的各种标签,包括排版标签、文本格式化标签、媒体标签、链接标签、列表标签、表格标签、表单标签、语义化标签和字符实体,旨在帮助读者从0开始熟悉并掌握HTML。
35 2
震惊!!!html竟然被...... 一篇博客让你从0开始熟悉并掌握html 超详细html笔记 全网独一份
HTML 框架2
iframe标签用于在当前页面中嵌入另一个HTML页面。通过设置frameborder属性为&quot;0&quot;,可以移除iframe边框。iframe的src属性用于指定要嵌入的页面URL。例如,使用`&lt;iframe src=&quot;https://www.runoob.com&quot; frameborder=&quot;0&quot;&gt;&lt;/iframe&gt;`可以无边框地显示RUNOOB.COM页面。
HTML 框架1
HTML框架允许在同一个浏览器窗口中同时显示多个页面。`&lt;iframe&gt;`标签用于嵌入其他网页,基本语法为 `&lt;iframe src=&quot;URL&quot;&gt;&lt;/iframe&gt;`。可以通过设置 `height` 和 `width` 属性来调整 iframe 的大小,例如:`&lt;iframe src=&quot;demo_iframe.htm&quot; width=&quot;200&quot; height=&quot;200&quot;&gt;&lt;/iframe&gt;`。属性值可以是像素或百分比。
HTML 框架3
iframe 是一种在网页中嵌入另一个 HTML 页面的技术。通过设置 iframe 的属性,可以显示指定的目标链接页面。例如,可以使用 iframe 嵌入 RUNOOB.COM 网站。HTML 中的 `&lt;iframe&gt;` 标签用于定义内联框架。
|
6月前
|
前端开发 搜索推荐 JavaScript
HTML 框架
HTML 框架
|
3月前
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
3月前
|
XML JavaScript 测试技术
Web自动化测试框架(基础篇)--HTML页面元素和DOM对象
本文为Web自动化测试入门指南,介绍了HTML页面元素和DOM对象的基础知识,以及如何使用Python中的Selenium WebDriver进行元素定位、操作和等待机制,旨在帮助初学者理解Web自动化测试中的关键概念和操作技巧。
50 1
|
4月前
|
开发者
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
无法拖拽选中文字的在线电子书的做笔记方法 —— html文本提取大法
37 0
|
6月前
|
缓存 前端开发 JavaScript
HTML设计最新笔记
HTML设计最新笔记
35 1